vue爬坑记录:禁止微信浏览器下拉出现“本网页由xxx提供”
很烦人的提示,特别是当前页面需要滚动的时候! 上滑正常,下滑的时候很容易就会出现这个提示,严重影响使用体验。解决方案:1、外层html、body等设为不可滚动,ps:#app为vue项目基础DOM;.wx-pages为App.vue内部路由// 可以在写在reset里面html, body, #app, .wx-pages {padding: 0;margin: 0;he...
·
很烦人的提示,特别是当前页面需要滚动的时候! 上滑正常,下滑的时候很容易就会出现这个提示,严重影响使用体验。
解决方案:
1、外层html、body等设为不可滚动,ps:#app为vue项目基础DOM;.wx-pages为App.vue内部路由
// 可以在写在reset里面
html, body, #app, .wx-pages {
padding: 0;
margin: 0;
height: 100%;
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
2、在public/index.html里移除touchmove事件
<script>
document.body.addEventListener('touchmove', function (e) {
e.preventDefault()
}, {
passive: false
})
</script>
3、需要滚动的页面或者组件,可以自己写一个scroll组件,或者直接使用 better-scroll
更多推荐
已为社区贡献6条内容
所有评论(0)