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

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

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

原文地址:https://www.cnblogs.com/angleStudy/p/8901551.html