ios移动端原生滚动条滚动不灵敏问题

最近开发微信页面的时候遇到了这个问题，

因为移动端浏览器的原生滚动条样式很好，不像pc端那么难看，所以在页面需要滚动的地方用了原生的滚动条，这种滚动条在安卓浏览器中没有任何问题，但是在ios微信浏览器还是自带浏览器中都会反应迟钝，很难滑动，有的地方干脆不能滑，用户体验很垃圾，查了一些资料后，

找到了这个属性

-webkit-overflow-scrolling : touch;

然后把他加在overflow：auto；处，

完美解决了问题，

使得ios 滚动条的响应速度甚至超过了安卓，

感受只有一个，太他吗的灵敏的，

就先到这里把

时间： 2024-10-13 17:01:04

ios移动端原生滚动条滚动不灵敏问题的相关文章

iOS原生流畅滚动属性overflow-scrolling:touch

在移动端中,现在使用系统的滚动条已经体验很好了,但发现对某个元素使用了overflow:scroll时,如果有滚动条,在里面滑动内容时会卡顿不流畅.· 今天推荐的这个CSS属性正是为ios而生,苹果自己的解释:指定是否在 overflow: scroll 的元素中使用“原生”的滚动方式他包含两个可选值:auto 和 touch auto:就是普通的无惯性滚动效果 touch:原生的滚动效果.使用此效果会构造一个 stacking context 使用此属性也有可能会导致其他bug出现,目前我们

原生js判断某个区域的滚动条滚动到了底部

原生js判断某个区域的滚动条滚动到了底部讲解==> 关系公式:element.scrollHeight - element.scrollTop === element.clientHeight 解释:此公式可以用于判断是否滚动到底你必须知道这个方法可以判断滚动条滚动到了底部哈! element.scrollHeight 是获取这个元素区域的实际高度(包含被隐藏起来的高度) element.scrollTop是获取滚动条距离顶部的实际距离(包含被隐藏起来的高度) element.client

设置DIV随滚动条滚动而滚动

有段时间没有碰Web端了,最近做了个功能,需要做个DIV随滚动条滚动而滚动,mark一下: 源码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml&quo

CSS 移动端隐藏滚动条

去除移动端浏览器滚动条: element::-webkit-scrollbar{display:none} IOS滚动条流畅: div{ -webkit-overflow-scrolling:touch } 原文地址:https://www.cnblogs.com/boomupupup/p/9530068.html

移动端隐藏滚动条，css方法

小白第一次发文记录自己遇到的问题. 关于隐藏移动端滚动条方法很多,这里只说本人用到的. 在PC端隐藏html右侧默认滚动条 html { /*隐藏滚动条,当IE下溢出,仍然可以滚动*/ -ms-overflow-style:none; /*火狐下隐藏滚动条*/ scrollbar-width: none; } /*Chrome下隐藏滚动条,溢出可以透明滚动*/ html::-webkit-scrollbar{width:0px} 火狐和ie/Edge的样式会使页面内所有滚动条隐藏.Chrome只

jQuery 随滚动条滚动效果（适用于内容页长文章）

直接入题! 当内容页比较长的时候,网站右侧一直是空白,不如放点有用的东西给用户看,最好不要放广告,因为那样很邪恶,你懂的. 好吧,昨天写了这个东西,jQuery滚动随动区块,代码如下: //侧栏随动 var rollStart = $('.feed-mail'), //滚动到此区块的时候开始随动 rollOut = $('.cookie-list'); //隐藏rollStart之后的区块 rollStart.before('<div class="da_rollbox">

jQuery 随滚动条滚动效果（固定版）

//侧栏随动 var rollStart = $('.feed-mail'), //滚动到此区块的时候开始随动 rollSet = $('.search,.weibo,.group,.feed-mail,.tags'); //添加rollStart之前的随动区块 rollStart.before('<div class="da_rollbox" style="position:fixed;background-color:#fff;width:inherit;"

AIR面向IOS设备的原生扩展

来源:http://www.cnblogs.com/alex-tech/archive/2012/03/22/2411264.html ANE组成部分在IOS平台中,ANE的组成部分基本分为AS 3.0扩展类库和Obj-C原生扩展类库两个部分,这两个部分打包后生成AIR扩展文件(.ane),最后和.swf起打包成IOS原生应用IPA文件. Action Script类库构建 ANE的AS扩展部分是一个SWC,AIR 3.0 SDK里为flash.external.ExtensionContex

ios移动端浏览器点击事件失效的解决方案

点击事件失效的原因可能是因为,你用了事件代理了, 比如这样 $(document).on("click",".fd",function(){ }) 这段代码在安卓机上是没有问题的,但是iso的自带浏览器和微信浏览器和其他浏览器都会失效,原因是ios规定,事件代理的元素只能是button元素其他一律不生效想要解决这个问题,也很简单 1. $(document).on("click","button",function(){ }