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

我知道我可以通过使用固定高度、正常使用

overflow:none

和悬停时使用

overflow-y:scroll

使div在悬停时可滚动

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

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

在这里工作：

您的CSS只需更改为：

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

在这里工作：

您的CSS只需更改为：

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

---

请共享您的代码以便轻松调试。您需要javascript来完成此操作。当您将光标移出元素时，它将返回为无滚动元素，并将自身重新排到顶部，因为没有滚动，并按照非悬停样式的指示隐藏溢出。@NagaSaiA我的代码实际上是#listOfTags{overflow:none；height:50vh；}#listOfTags:hover{overflow-y:scroll；}请共享您的代码以便轻松调试。您需要javascript来完成此操作。当您将光标移出元素时，它将返回为无滚动元素，并将自身重新排到顶部，因为没有滚动，并按照非悬停样式的指示隐藏溢出。@NagaSaiA我的代码实际上是#listOfTags{overflow:none；height:50vh；}#listOfTags:hover{overflow-y:scroll；}谢谢！这是一个字，谢谢！这是一个字。