iOS移动浏览器滚动问题与位置:固定,滚动结束时,页面跳回顶部



我在iOS Mobile上找到了POSITION:FIXED属性的许多问题。但这并没有解决我的问题。在台式机和在Android设备中,运行良好。即使在MacBook Air也在。

问题:

我有一个position:fixed标头和一个position:relative内容(使用padding-top:height-of-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);尝试。

它是一个电子商务网站,在 shopify 中开发

问题是,在Shopify中,有一些第三方应用程序(这就是他们用来调用插件的方式(。因此,以某种方式jQuery插件发生了冲突,一旦我删除了插件,问题就解决了。我不知道jQuery如何影响我的CSS代码。但是当我删除/更新库时,它得到了解决。

相关内容

  • 没有找到相关文章

最新更新