使用 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

我刚刚回答了您向谷歌小组提出的问题：
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 问题列表中，那么我会尝试在将来查看它（不过不会很快 - 我现在真的很忙于客户工作） 。

Answer 2

由于某种原因，我无法评论 vitch 的答案，但我只是想为来到此页面的任何人记录选项 3 和一些简单的 CSS 调整（主要是将 .jspContainer 上的position:absolute 切换为position:relative）的效果我。