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

Question

我已经找到了答案，但到目前为止没有运气。

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

示例：

<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为我工作。