如何有效地讓div在可懸停的情況下滾動，並且在不懸停時讓它保持在那個位置？

Question

我知道我可以通過使用固定高度在懸停時通過使用overflow:none和懸停時使用overflow-y: scroll來進行懸停滾動。

但是，我的div是30個項目的列表，並且高度爲50px。如果我將鼠標懸停並向下滾動到第25項，然後將光標移出，則div將更改爲顯示前幾個項目（即div的頂部），而不是將光標移出之前的位置。

當我徘徊時，如何讓div保持在同一位置？

Answer 1

在這裏工作：

https://jsfiddle.net/wsxgt8yf/

你的CSS只需要更改爲：

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