我知道我可以通过使用固定高度,并在正常情况下使用overflow:none
并在悬停时使用overflow-y: scroll
来悬停时使div可滚动。
但是,我的div是30个项目的列表,高度为50px。如果我将鼠标悬停,向下滚动到第25个项目,然后将光标移出,则div会更改为显示前几个项目(即div的顶部),而不是之前我在移动光标之前的位置。
当我徘徊时,如何将div保持在同一位置?
答案 0 :(得分:1)
在这里工作:
https://jsfiddle.net/wsxgt8yf/
您的CSS只需要更改为:
#listOfTags{ overflow:hidden; height: 50px; } #listOfTags:hover{overflow-y: scroll;}