8

Jsfiddle 有一个功能，允许用户为 HTML、Javascript、CSS 和结果调整窗口大小。我正在尝试在我的网站上实现类似的功能，并附上一篇文章和评论。水平拖动评论栏以放大评论部分，或放大文章。

我实际上在 jsfiddle 本身有一个有点工作的拖动条（这被大大简化了）：

http://jsfiddle.net/Gp5as/2/

问题是，蓝色的评论部分被 25px 覆盖了，所以当栏被拖到右边时，评论部分是不对称的。

有2个主要部分：

<div class="main">
  ...
</div>

和

<div id="sidebar">
  <span id="position"></span>
  <div id="dragbar"><div id="dragtext">Comments</div></div>
  <div id="comment-container">
    <div id="comment">
      Comments
    </div>
  </div>
</div>

主要用于文章，侧边栏用于评论。拖动条位于侧边栏浮动：左侧。

我想知道如何为我自己的目的实现他们的拖动功能。您可以修改我的 jsfiddle 示例，或者创建一个易于剪切和粘贴的 jsfiddle 示例。

4

0 回答 0