解决CSS 100vw布局出现滚动条问题

前些天做了一个移动端活动页面，采用了100vw来充满屏幕。后来发现竟然可以左右滑动，还出现了滚动条。

上网收了一下 解决了：记录一下，以后懒得再找。有幸看到的童鞋可以按如下css代码解决。

html {
  overflow-y: scroll;
}

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

:root body {
  position: absolute;
}

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