iOS position:fixed 移动浏览器滚动问题，页面在滚动结束时跳回顶部

Question

我发现 iOS 移动设备上的 POSITION:FIXED 属性存在一些问题。但它没有解决我的问题。在台式机和 Android 设备中，完美运行。即使在 MacBook Air 中也是如此。

问题：

我有一个 position:fixed header 和一个 position:relative 内容（使用 padding-top:height-of-header 对齐）。当我滚动 fast 时，它开始滚动然后突然跳回页面顶部。但是当我们滚动缓慢时，这个问题并没有出现。

这是 header

的代码

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

这是 main-content

的代码

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

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

这是一个 e-commerce 网站，在 SHOPIFY 中开发。

Answer 1

问题是，在 shopify 中，使用了一些第三方 应用程序 （这就是他们过去调用插件的方式）。所以，不知何故 jQuery 插件发生冲突，一旦我删除插件，问题就解决了。我不知道 jQuery 如何影响我的 css 代码。但是当我 remove/update 图书馆时它得到了解决。

iOS Mobile Browser scrolling issue with position:fixed, Page jumps back to top when scroll ends