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
})

Posted in CSS

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注