继续滚动时隐藏垂直滚动条

Question

我通过在 CSS 下面添加来隐藏垂直滚动条

overflow: hidden;

然后继续享受滚动而不显示滚动条，我输入以下代码：

overflow-y: scroll;
scroll-snap-type: y mandatory;

当然，滚动条再次出现并且滚动起作用。

我想隐藏滚动条，但我不能。我尝试了很多技巧都没有成功。

谢谢你启发我。

Answer 1

使用::-webkit-scrollbar。

::-webkit-scrollbar {
  opacity: 0;
  width: 0;
  display: none;
  background-color: transparent;
}
.div1 {
  height: 200vh;
  background-color: green;
}
.div2 {
  height: 100px;
  background-color: red;
}

<div class="div1">
  scroll me
</div>
<div class="div2"></div>