我在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代码。但是当我删除/更新库时,它得到了解决。