页面中引入mui 地址选择，点击页面中其他input时页面回到顶部

Posted 2020-10-31 lucky_angle

问题：在页面中引入mui地址选择时，点击页面中的input页面会滚到顶部（谷歌浏览器中出现的bug），在手机上点击input会出现跳动。开始的时候是想修改mui.min.js里的滚动事件，但是后来找到一个方法，只需要加一个css 属性就ok。

解决办法：在body中添加 overflow: scroll; -webkit-overflow-scrolling: touch;属性，如果只加overflow:scroll;在苹果手机浏览器上会出现滚动不顺畅的情况，再加上-webkit-overflow-scrolling:touch;就能完美解决此问题了。