如何消失浏览器的滚动条[重复]
Posted
技术标签:
【中文标题】如何消失浏览器的滚动条[重复]【英文标题】: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 上使用您自己的滚动条。
【讨论】:
以上是关于如何消失浏览器的滚动条[重复]的主要内容,如果未能解决你的问题,请参考以下文章