如何在悬停时有效地使div可滚动,并且在不悬停时让它保持在那个位置?

时间:2016-08-05 19:59:51

标签: css

我知道我可以通过使用固定高度,并在正常情况下使用overflow:none并在悬停时使用overflow-y: scroll来悬停时使div可滚动。

但是,我的div是30个项目的列表,高度为50px。如果我将鼠标悬停,向下滚动到第25个项目,然后将光标移出,则div会更改为显示前几个项目(即div的顶部),而不是之前我在移动光标之前的位置。

当我徘徊时,如何将div保持在同一位置?

1 个答案:

答案 0 :(得分:1)

在这里工作:

https://jsfiddle.net/wsxgt8yf/

您的CSS只需要更改为:

#listOfTags{ overflow:hidden; height: 50px; } #listOfTags:hover{overflow-y: scroll;}