如何消失浏览器的滚动条[重复]

Posted 2023-02-21

【中文标题】如何消失浏览器的滚动条[重复]

【英文标题】：How to disappear the browser's scroll bar [duplicate]

【发布时间】：2013-04-23 07:49:48

【问题描述】：

是否可以通过 html 或 javascript 隐藏浏览器的水平和垂直滚动？ 我有一个列表，为此我制作了自己的 div 到 div 滚动条，我想隐藏浏览器的滚动条 提前致谢

【问题讨论】：

也许吧，但你真的不应该重新发明滚动条。许多用户不喜欢这一点。

我不是在重新发明它，我只是制作了一个具有滚动效果的图像

那么，您想要用您自己的设计来设置滚动条的样式吗？还是出于其他目的完全删除它们？

【参考方案1】：

您可以在 CSS 中将overflow: hidden 应用于html 和/或body，但是当然，您必须小心，以免您的<div> 扩展到浏览器窗口之外。

例子：

html, body

    overflow: hidden;

【参考方案2】：

将正文标签设置为overflow: hidden;。

【参考方案3】：

您应该能够设置 div 的 css 以隐藏滚动条。将所有内容放入主 div 并将主 div 的 css 设置为：

height: 100%;
width: 100%;
overflow:hidden;

然后在内容 div 上使用您自己的滚动条。