iOS移动浏览器滚动问题，位置：固定，页面在滚动结束时跳回到顶部

Question

我在iOS Mobile上发现了POSITION:FIXED属性的许多问题。但它没有解决我的问题。在台式机和Android设备中，效果非常好。即使在MacBook Air中也是如此。

ISSUE：

我有position:fixed标头和position:relative内容（使用padding-top:height-of-header进行对齐）。当我快速滚动 时，它会开始滚动然后突然跳回到页面顶部。但是当我们慢慢滚动 时，这个问题没有显示出来。

这是标题

的代码

.site-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}

这是主要内容

的代码

  .main-content {
    padding-top: 80px;
    position:relative;
  }

尝试-webkit-overflow-scrolling: touch;，transform: translate3d(0,0,0);。

这是一个以 SHOPIFY 开发的电子商务网站。

Answer 1

问题是，在spotify中，使用了一些第三方应用程序（这就是他们以前调用插件的方式）。所以，不知何故jQuery插件有冲突，一旦我删除插件，问题得到解决。我不知道jQuery如何影响我的css代码。但是当我删除/更新库时它已得到解决。