Chrome浏览器：鼠标悬停在一些元素导致垂直滚动条跳转到顶部

Question

我有一个应用程序，其中包含页面上的垂直滚动条，因为我的两个列表中的一个页面上可能会很长，我希望用户滚动上或下。我发现，有时用户只是将鼠标悬停在页面上的其他元素上，突然如果滚动条位于底部，则Chrome会使滚动条跳转到顶部。

有没有人在Chrome中看到过这种行为？它适用于其他浏览器。我试图在我的头div元素的一个改变底部填充：

padding: 0.75em 2em 1.75em 2em; 

，它似乎已经减少了问题，但问题仍然出现偶尔。我注意到的一件事是，当我的列表中的一个太长时，它就会发生。

Answer 1

原来是一个CSS问题。每当元素被徘徊时，CSS都会使用：hover选择器在元素上添加一个阴影。这导致边框增加并导致列表更改大小。当我删除箱子阴影时，问题就消失了。这不是Chrome的问题。

Answer 2

我看到你已经解决了你的问题，但我遇到了一个非常类似的问题，Chrome浏览器（和Chrome浏览器）会在列表中的第一个元素被徘徊时将列表滚动到顶部。我没有的box-shadow，而是曾与一些填充列表：

.list { 
    padding: 0 10px; 
} 

而当一个列表项中徘徊，加入阴性切缘和一些填充（一个原因，我真的不记得）：

.list-item:hover { 
    margin: 0 -10px; 
    padding: 0 10px; 
    background-color: lightblue; 
} 

这并没有改变列表的大小，至少在视觉上没有改变。但看到你的问题和答案后，我改变了它，以便列表没有任何填充，而是所有的填充和边距都在列表项上。问题解决了！