如何隐藏滚动条但希望它继续工作

Question

这是代码

#scroll{
overflow-y:scroll;
max-height:500px;
width:267px;}

我在Stackoverflow上进行了探索，我得到了很多答案，但他们用HTML中的两个conatiner进行了解释，但我只有一个div，并希望将其应用于此。致谢

Answer 1

您应该查看父子方法，因为它是推荐的方法。给你的元素滚动条，包裹它 包含元素，并使包含元素元素更小，并给它：

overflow: hidden;

在当前场景中，您可以执行此纯CSS。 在基于Webkit的浏览器（Chrome和Safari）中隐藏滚动条。

.element::-webkit-scrollbar { width: 0 !important }

隐藏IE 10 +中的滚动条。

.element { -ms-overflow-style: none; }

在Firefox中隐藏滚动条，但已弃用。

.element { overflow: -moz-scrollbars-none; }

JSFiddle