iOS 移动浏览器的位置滚动问题：已修复，滚动结束时页面跳回顶部答案

【问题标题】：iOS Mobile Browser scrolling issue with position:fixed, Page jumps back to top when scroll endsiOS 移动浏览器的位置滚动问题：已修复，滚动结束时页面跳回顶部
【发布时间】：2018-07-30 11:41:43
【问题描述】：

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

问题：

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

这是标题

的代码

.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);。

它是一个电子商务网站，开发于SHOPIFY。

【问题讨论】：

标签： ios css ipad scroll shopify

【解决方案1】：

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

【讨论】：