如何通过调整元素大小来禁用滚动条？

Question

这是我当前页面的图像：image

如您所见，有一个滚动条，我想禁用它，但不希望通过将overflow设置为hidden之类。

我想通过调整页面上元素的大小来禁用它。

有人可以帮助我吗？

Answer 1

1. 下面的代码可以使滚动条invisible仍然有效：

.class-of-your-container::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
}

2。如果您的意思是disable the scroll behavior，则应确保文档内容的高度不会超过窗口的高度。这很难，因为用户屏幕的高度不相同。要达到此目的，您可以将高度：100％添加到您的容器元素中。