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

不知道是不是因为用了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