-webkit-overflow-scrolling 打破绝对定位
-webkit-overflow-scrolling breaks absolute positioning
本文关键字:定位 -webkit-overflow-scrolling 更新时间:2023-09-26
>我正在构建一个页面,该页面需要有一些元素,这些元素会粘在页面顶部,否则它们会被滚动到屏幕上。我设法使用 position:absolute
.一切都运行良好,但它需要动力滚动。我-webkit-overflow-scrolling: touch
添加到可滚动区域的 css 中。这打破了一切。我带有position:absolute
的粘性元素现在只是滚动其余内容。
我的问题是这样的:
为什么-webkit-overflow-scrolling: touch
会影响绝对定位,有没有办法解决这个问题?
更新:每当子元素变为"固定"或"未固定"时,我都会添加警报。警报继续触发,因此样式仍在应用,只是不起作用。这意味着这不是跟踪滚动位置的问题,而是样式的问题。
更新:我尝试使用position: fixed
而不是position: absolute
,-webkit-overflow-scrolling
也破坏了它
更新:经过大量挖掘,我在这里和这里找到了对这个问题的引用。但是,在这两种情况下,唯一建议的解决方案是重组 DOM,以便粘性元素不在可滚动区域中。就我而言,这是一件困难的事情,我宁愿不必这样做。自ios5以来,事情是否取得了进展,或者这仍然是唯一的选择?
关于最后一个问题 - 是的,这个问题存在于 ios5 中。在可滚动区域之外提取绝对定位元素对我来说效果很好。
相关文章:
- CSS-如何定位内容数据标题
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 在Jquery detachment()和appendTo()之后定位元素
- 困在逻辑中试图定位动态的东西
- 如何在构建node-webkit应用程序后获取外部资源
- 绝对定位不适用于Javascript DIV
- node-webkit-从父窗口捕获iframe鼠标事件
- Jquery定位代码并调用它
- 节点webkit应用程序与终端通话
- 如何在容器中定位旋转的图像
- Highcharts-图表外的图例定位
- .scroll()函数在上次更新后在谷歌chrome中定位闪烁
- 如何保护节点webkit应用程序上的字体
- 如何在CSS或Javascript中定位选定的属性(在HTML选项中)
- 地理定位api和谷歌地图出错
- 将webkit从CSS转换为JavaScript
- -webkit-overflow-scrolling 打破绝对定位
- Qt WebKit和HTML5地理定位
- webkit仅使用GPS无线电进行高精度地理定位
- -webkit-transform:使用+=运算符的增量重新定位不工作