The solution to the horizontal scroll bar at the bottom of the page

I don’t know if it’s because a horizontal scroll bar appears at the bottom of the page because of the use of swiper, which affects the beauty of the page and user experience

 Solution:

Add in index.html

html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}