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

這裏是其它搜答案：

---

不幸的是，目前不支持。有幾個方法，你可以嘗試去實現它：在jspVerticalBar和/或jspHorizo​​ntalBar

1. 使用絕對定位，並嘗試讓他們在文檔中的其他地方出現移動它們。
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

由於某些原因，我無法評論維奇的答案，但我只是想爲任何來到這個頁面的人提供選項3和一些簡單的CSS調整（主要是切換位置：絕對位置：相對位置）。 jspContainer）爲我工作。