如何使用JavaScript隐藏滚动条

zjm*_*126 26 javascript css jquery

如何隐藏滚动条?我想这样做是因为滚动条不好看.

overflow:hidden 没用,因为我的div元素有很多其他元素.

所以设置overflow并不能解决我的问题.

Wha*_*kee 26

你可以用这个隐藏滚动条......

document.body.style.overflow = 'hidden';
Run Code Online (Sandbox Code Playgroud)

......并用它取消隐藏:

document.body.style.overflow = 'visible';
Run Code Online (Sandbox Code Playgroud)

但是,你必须质疑自己这是否真的是你想要的.滚动条显示为人们能够查看小屏幕之外的内容.

  • 如果你在页面中有一个元素包含它自己的内部滚动条(想想一个有很多列的网格),并且你不想浏览器显示其他元素内部的内容的滚动条(这是溢出的:隐) (2认同)
  • 删除鼠标的滚动功能,我希望滚动条消失,但仍然可以用鼠标滚动. (2认同)

HGM*_*aci 5

您必须覆盖CSS设置,如下所示:

<style type="text/css">
    #YourSpecialDiv { overflow: hidden !important; }
</style>
Run Code Online (Sandbox Code Playgroud)

你应该添加id标签,即div

<div id="YourSpecialDiv"...>...</div>
Run Code Online (Sandbox Code Playgroud)