前往野生动物园跳跃

Question

我正在使用React js构建Web应用程序。

单击时有一个按钮，我想滚动到页面的最后一个div。

在每种浏览器中，一切正常，但在野生动物园（台式机和移动设备）中，滚动会导致页面跳动或移动（在移动设备中）

这是我如何模拟滚动（仅出于测试目的）（我使用其他 动画库滚动，但即使它们也具有相同的效果 [

这是CSS

 html, body, #root {
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: none;
}

第一个div是固定div

width: 100vw;
min-height: 100vh;
box-sizing: border-box;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
position: fixed;
top: 0;
left: 0;
z-index: 1;

和其他大约4-5的div与position relative

以下是safari桌面中发生的情况的视频 https://streamable.com/waed9

谢谢！