html - 移动设备上的粘性滚动问题

标签 html css webkit parallax

我正在使用 CSS 透视图制作视差效果,这似乎是在移动设备上创建高性能视差的唯一方法。滚动区域位于一个内部可滚动的框中(这是屏幕的大小)并且视差起作用但是,在我的 ipad 上它滚动时非常粘(不能“轻弹”屏幕并且当你放手时它会滚动) 按照这个post .解决方案是容器上的这个 CSS:

 -webkit-overflow-scrolling: touch;

这将恢复“轻弹屏幕”的能力,并在放手后滚动。然而,它再次使视角变平并且不再有视差。在手机上保持透视和正常滚动的方法是什么?似乎没有什么好的方法可以在 iPad/手机上实现视差?

最佳答案

更好的方法是使用背景图像和透视图

关于html - 移动设备上的粘性滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58222484/

相关文章:

jQuery wrapAll/unwrap 搞乱了定位

javascript - 为什么 Text.splitText() 会影响布局?

javascript - 在选中复选框之前禁用 jQuery OnClick 事件?

javascript - 我可以添加叠加层,但无法删除它 (jQuery)

html - 为什么<div>标签左右两边都有空格,宽度设置为100%

javascript - Webkit Javascript 控制台 - 如何使用它?

cocoa - 使用多个 WebView 进行打印

ipad - 修复了 ipad (iOS5) 上的背景问题

html - 使用angularjs检查字符串是否包含http url

html - 如何让 DIV 的背景颜色铺满整个屏幕