手机端局部滚动问题 overflow-y:autoscroll无效，使用iscroll解决

Posted 2023-04-30

参考技术A 需要注意的是：假如是纵向滚动：<div id="myscroller_rapper" style="overflow-y:auto;height:540px;-webkit-overflow-scrolling: touch;"></div>滚动框元素必须有高度，默认滚动的是它的第一个子元素（也需要能计算出高度，图片需要加载完成才能计算高宽），多个子元素可以使用<div></div>进行包裹且必须给定高度

IScroll默认隐藏了其所包含元素的click/tap事件,所以默认情况下，不管用户不管怎么操作，都不能触发IScroll中元素的click/tap事件,解决方案：在初始化IScroll时，对IScroll进行配置click: true, tap: true

转自： https://www.cnblogs.com/benlightning/p/6306622.html

PC端适配 防止出现滚动条影响布局

直接放在.css文件中 mian.js引入即可 

html {overflow-y: scroll;}
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}
body {width: 100vw;overflow: hidden;}