在使用
vux ui写了个列表，发现在Safari浏览器上滑动时不流畅，有很严重的粘手的感觉。使用百度和Google搜索，找到了能解决问题的方法。
出现这个问题的原因是因为触屏浏览器会监听手势，这样就造成了这个问题的出现。
将滑动的盒子设置 CSS属性-- touch-action ，用于设置触摸屏用户如何操纵元素的区域，也可以直接在html元素上设置
// 全局设置
# css
html{
touch-action: none;
}
//针对元素节点设置
# html
<div class="scrollDiv">
<div>item</div>
<div>item</div>
<div>item</div>
<div>item</div>
...
</div>
# css
.scrollDiv{
overflow-y: scroll;
touch-action: none;
}
h5 scroll ios 不流畅（粘手） BB在前面 在使用vux ui 写了个列表，发现在Safari浏览器上...
移动端 H5 相关问题汇总： 响应式布局 iOS 滑动不流畅 iOS 上拉边界下拉出现白色空白 页面件放大或缩小不...
css: overflow:scroll 在ios 上出现滑动不流畅的问题，在滑动样式内加入-webkit-ove...
清除ios端按钮的默认样式: 清除a标签点击是的黑色背景: 移动端overflow: scroll 滑动不流畅问题...
overflow:scroll 在 iOS上滑动不流畅问题解决办法 在模拟聊天对话页面时候，遇到问题，多余聊天对话...
1.overflow: scroll;滑动不流畅 用css代码overflow: scroll;来写滚动很方便,但...
移动端 H5 相关问题汇总： 1px 问题 响应式布局 iOS 滑动不流畅 iOS 上拉边界下拉出现白色空白 页面...
iOS native 加载 H5 图片（沙盒加载html图片） socket的半包，粘包与分包的问题 Scoket...
该文章参考苹果官方文档:Scroll View Programming Guide for iOS scroll ...
cordova笔记：ios下iframe scroll notworking
本文标题：h5 scroll ios 不流畅（粘手）
本文链接：https://www.haomeiwen.com/subject/dwxvqctx.html
网友评论