顺手又没必要的iosbug让人咬牙切齿。bug发生环境:局部滚动,默认浏览器事件对外不禁止。可能适合简单的页面)2:-webkit-overflow-scrolling:touchforbodyandpartialscrollingelements-webkit-overflow-scrolling:touchcreatesasystem-levelcontrolwithhardwareacceleration但是,通过Check这个可能会带来其他的bug,用js设置局部滚动的scrollTop时会出现空白,解决办法:el.WebKitOverflowScrolling='auto';el.scrollTop=500;el.WebKitOverflowScrolling='touch';说到这里,贴一些css3代码可以解决一些问题*{webkit-tap-highlight-color:rgba(0,0,0,0);//去掉clickhighlight-webkit-appearance:none;//去掉Native输入框和按钮的外观-webkit-user-select:none;//禁止页面选择文本,该属性不继承,一般加在body中规定整个body的文本不会自动调整-webkit-text-size-adjust:none;//禁用自动调整文本大小-webkit-touch-callout:none;//禁用页面长按弹出菜单(iOS下有效),img和a标签都要加上可以在布局中调整,指定body、html为100%*100%,position为relative;然后用一个div包含内容,设置position为absolute,overflow-y设置为auto,把要固定的元素放在div外面,设置position为absolute,这样就可以模拟了,不过这里会出现局部滚动ios中的问题,所以回到原来的解决方案,总结为代码:html,body{position:relative;宽度:100%;高度:100%;溢出:隐藏;-webkit-overflow-scrolling:touch}.content{position:absolute;左:0;顶部:0;宽度:100%;高度:自动;溢出:自动;-webkit-overflow-scrolling:touch}.fixed-div{position:absolute;右:0;bottom:0;}公众号我们的主页
