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

How to hide scroll bar but want to it keep working

本文关键字：希望 继续 工作 滚动条 何隐藏 隐藏      更新时间：2023-09-26

这是代码

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

我在Stackoverflow上探索了它，得到了很多答案，但它们是用HTML中的两个conatiner解释的，但我只有一个div，我想将其应用于此。感谢

您应该研究父子方法，因为它是推荐的方法。给你的元素滚动条，将其包裹在包含元素，并使包含元素的元素更小，并赋予它：

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

相关文章：