Javascript 如何在元素后面获得滚动条

我有一个未排序的列表，具有一定的宽度和高度

我试图实现的是一种情况，我点击列表项，然后我希望它通过列表中的滚动条溢出（不要想让它激活，只想溢出滚动条）

正常滚动条（XXXX为滚动条）：

点击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 | |

---

提前感谢您的任何想法

请尝试jquery.jscrollpane.min.js并使用z-index编辑jquery.jscrollpane.css…

您可以尝试将“Item 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 | |