位置为 :fixed, 的 iOS 移动浏览器滚动问题页面在滚动结束时跳回顶部

Question

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

问题:

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

这是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

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