Html 显示隐藏内容并向下滚动时，Chrome页面跳转/闪烁

我有这样的布局：

<div class="fixed scroll"> //div with position fixed and scroll
  <div class="item"></div>
  <div class="item"></div>
  <div class="item hover"> //div on hover showing hidden
    <div class="hidden"></div>
  </div>
</div>

//位置固定的div并滚动
//悬停显示隐藏的div

问题是当悬停最后一个div并在显示隐藏div时向下滚动时，页面开始跳跃/闪烁（仅在google chrome中）

---

在

上显示问题解决方案是为具有固定和滚动样式的div添加

overflow-anchor: none;

看

查看更多关于