其他分享
首页 > 其他分享> > 页面底部出现横向滚动条解决方法

页面底部出现横向滚动条解决方法

作者:互联网

不知道是不是因为用了swiper页面底部出现了一个横向滚动条,影响页面美观和用户体验

 

 

解决方法:

在index.html中或全局样式文件中加入,如下:

 

 

 

 

html {
  overflow-y: scroll;
}
 
:root {
  overflow-y: auto;
  overflow-x: hidden;
}
 
:root body {
  position: absolute;
}
 
body {
  width: 100vw;
  overflow: hidden;
}

参考:https://blog.csdn.net/jayusmazyyolk/article/details/126187565

标签:body,横向,滚动条,html,overflow,hidden,页面
来源: https://www.cnblogs.com/zqlym/p/16657856.html