body中设置-webkit-scrollbar竖向滚动条，在手机浏览器上无效
暂时无解，如果是chrome的PC模式，滚动条是没有的，但如果是手机模式，滚动条会出现，且无法设置其样式，滚完后会自动消失。 如果设置div这些块元素，完全没问题。 ...
原文：苹果手机滚动条样式无效
网上查了一些资料，提到的很少，应该是苹果手机 ios系统升级到 . 版本后 webkit overflow scrolling: touch 会导致滚动条自定义样式无效 webkit overflow scrolling: auto 或者不写这个，如果还是无效，添加下面的红色样式部分，添加一处就可以，如果有其他的解决方式欢迎留言告知 下面的写法才可以 :: webkit scrollbar wid ...
2021-09-17 10:52 0 174 推荐指数：
相关推荐
手机网页，div内滚动条，以及div内部滚动条拉到底部之后触发事件
var gao = document.documentElement.clientHeight; var headHeight = parseInt($('.yhead'). ...
手机端页面出现横向滚动条，禁止方法
html,body{overflow:hidden;overflow-y:auto;} ...
移动端开发，去掉手机右侧滚动条
参照前辈意见，解决方法如下： html, body{ height:100%（没有这个，苹果手机的滚动条还存在）;overflow:hidden;overflow-y: scroll;} ...
关于苹果手机点击事件无效的解决办法
最近在开发一个公众号，有一个点击事件，在安卓手机上可以使用，但是放在苹果手机上就不行了，而且有两个页面都有这个点击事件，第一个页面在苹果手机上可以正常使用，第二个页面就不行，第一个页面使用的是 $('选择器').click(function(){}) 第二个页面使用的是事件委托 ...
滚动条样式设置
滚动条各个属性说明 ::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button ：滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片 ...
滚动条样式优化
浏览器默认的滚动条样式不好看，用以下CSS可将滚动条样式优化为自己想要的效果 ...