2017-04-05 48 views
0

我有一個未分類的列表,具有一定的寬度和高度。如何讓元素後面的滾動條

我想要完成的是一種情況,我點擊列表項,然後我希望它通過列表中的滾動條溢出(不要考慮使其處於活動狀態,僅僅是滾動條​​溢出)。

正常滾動條(XXXX爲滾動條):

Item 1 |X| 
Item 2 |X| 
Item 3 |X| 
Item 4 |X| 
Item 5 | | 
Item 6 | | 
Item 7 | | 
Item 8 | | 
Item 9 | | 

點擊3.項目後,我想什麼

Item 1 |X| 
Item 2 |X| 
    Item 3 
Item 4 |X| 
Item 5 | | 
Item 6 | | 
Item 7 | | 
Item 8 | | 
Item 9 | | 

滾動條的背後是3項,我可以把它移到所以如果我走下去,它會看起來像這樣:

Item 1 | |  Item 1 | | 
Item 2 |X|  Item 2 | | 
    Item 3   Item 3 
Item 4 |X|  Item 4 |X| 
Item 5 |X| OR Item 5 |X| 
Item 6 | |  Item 6 |X| 
Item 7 | |  Item 7 |X| 
Item 8 | |  Item 8 | | 
Item 9 | |  Item 9 | | 

非常感謝您提供任何想法

+2

你可以試試[**用z-index打**](HTTP://的jsfiddle .net/Mistalis/hg7g8sL6 /) – Mistalis

+0

您必須將「Item 3」元素移動到當前所在的容器元素之外。 – jtate

回答

0

嘗試jquery.jscrollpane.min.js和編輯用z-index的jquery.jscrollpane.css ...