css - 如何有效地使 div 仅在悬停时可滚动，并在悬停时保持在​​该位置？

Question

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

但是，我的 div 是一个包含 30 个元素的列表，高度为 50px。如果我悬停并向下滚动到第 25 个元素，然后将光标移出，div 会更改以显示前几个元素(即 div 的顶部)，而不是我之前在将光标移出之前所在的位置。

当我悬停时，如何让 div 保持在相同位置？

Answer 1

在这里工作:

https://jsfiddle.net/wsxgt8yf/

您的 CSS 只需更改为:

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