javascript - 使用 jScrollPane 时移动/重新定位滚动条

Question

我一直在寻找答案，但到目前为止还没有运气。

此时滚动条和箭头位于同一位置内div 作为可滚动内容 - 在大多数情况下这是有意义的。我想知道是否有办法放置滚动条和箭头在 html 页面的不同位置中的这个 div 之外？有没有一种指定他们应该去的地方的方法？

示例:

<div id="content">
   Lorem ipsum....
</div>

变成:

<div id="content">
   <div class="scrollpane">
       Lorem ipsum....
   </div>
   <div class="scroll-bar">
       ### scroll bar and arrows here ###
   </div>
</div>

但我想得到这个:

<div id="content">
   <div class="scrollpane">
       Lorem ipsum....
   </div>
</div>
[other html other html and content other html]
<div id="scrollbar-here">
 ### scroll bar and arrows here ###
</div>

非常感谢任何帮助，或者我错过的答案的链接同样会有帮助。我正在使用 jquery1.4.3 和 jScrollPane -v2.0.0beta6

Answer 1

我刚刚回答了您向 Google 群组提出的问题: http://groups.google.com/group/jscrollpane/browse_thread/thread/ff2e10b8d784fed6

以下是其他搜索者的答案:

<小时/>

不幸的是，目前不支持这一点。您可以尝试通过几种方法来实现它:

1. 在 jspVerticalBar 和/或 jspHorizo​​ntalBar 上使用绝对定位，并尝试移动它们，以便它们出现在文档中的其他位置。
2. 如果您只对箭头感兴趣，那么您可以轻松地将一些不同的按钮连接到API，以便它们调用scrollBy来进行滚动[参见http://jscrollpane.kelvinluck.com/scroll_to.html ]。此外，您可以连接到 jsp-scroll-x/y 事件，以在相关时将您的自制箭头标记为禁用[参见http://jscrollpane.kelvinluck.com/events.html ]。您可以使用 CSS 来隐藏“真正的”滚动条和箭头。
3. 您可以尝试使用 javascript 来移动元素(例如 $('#myDiv').append($('.jspVerticalBar')); 之类的东西) - 不保证这不会但有一些奇怪的副作用!

希望能给你带来一些想法。如果你想将其作为功能请求添加到 github 问题列表中，那么我会尝试在将来查看它(不过不会很快 - 我现在真的很忙于客户工作) .