uniapp开发H5及WEB界面因浏览器滚动条出现导致页面抖动的解决办法

只需要在外部容器内加上一下样式即可:

html {
  overflow-y: auto;
  overflow-x: hidden;
}
.container {  //外部容器
  margin-right: calc(100% - 100vw);
  padding: 17px;
}

注意:加了 overflow-y: auto; 属性后,会导致 uni.pageScrollTo({})方法和监听滚动条的事件失效

uni.pageScrollTo({
scrollTop:0,
duration:300
})

原创文章,作者:Uniapper,如若转载,请注明出处:https://www.uniapper.com/695.html

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 2022年1月12日 下午9:39
下一篇 2022年1月13日 下午10:08

相关推荐

发表回复

登录后才能评论
欢迎访问www.uniapper.com!交流QQ群:35429521