码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-04-21 16:14:02      阅读:1541      评论:0      收藏:0      [点我收藏+]

标签:icon   开始   NPU   浏览器   方法   苹果   引入   滚动   页面   

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

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

 

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

标签:icon   开始   NPU   浏览器   方法   苹果   引入   滚动   页面   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!