Question

仅在firefox中，我注意到当父级和子级都有溢出时：滚动，在第二个元素注册它应该继续滚动之前，从一个滚动到另一个时会有几秒钟的延迟。

你可以在这里看到一个例子： https://jsfiddle.net/o9jnx0w5/9/

body {
  overflow: scroll;
  height: 300px;
  background: blue;
}

.outer {
  margin-top: 200px;
  height: 300px;
  overflow: scroll;
  background: red;
}

.inner {
  height: 500px;
  position: relative;
}

.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}

<body>
  <div class="outer">
    <div class="inner">
      Inner Top
      <div class="bottom">
        Inner bottom
      </div>
    </div>
  </div>
</body>

将光标直接放在红色div上方并向下滚动。页面正文将首先滚动并到达页面底部。然后有几秒钟的延迟，之后内部div将滚动，直到你看到该div底部的文本。向上滚动时的结果类似。

任何已知的解决方案？

从父级滚动到子级时Firefox会延迟

0 个答案: