Question

如果用户没有滚动，我想隐藏滚动条，这意味着如果用户滚动，滚动条应该出现（只有滚动条而不是滚动轨迹），而如果用户不滚动则应该消失。我有很长一段时间没有安装，但是我对页面进行了一些更改，现在页面总是显示滚动条（如果内容多于一页可以覆盖）。不幸的是，我不知道我做了什么让这个功能消失了？我在css中使用了溢出，但溢出：隐藏只是删除了所有滚动的可能性。这是一个显示我当前设置的小提琴

https://jsfiddle.net/jsmnsLm7/（请让窗口变大，以便您可以看到导航栏设置的所有功能）

你可以看到我用

overflow: hidden

在身体和

overflow: scroll

主要。谢谢你的帮助卡尔

Answer 1

尝试关注css：

overflow:auto;

它对我有用：）

Answer 2

据我所知，在脚本语言之外没有办法做到这一点，但您使用的JavaScript非常简单。

从CSS样式开始：

#ID {
overflow: hidden
}

然后在HTML中的div中使用此命令

<div id="ID" onmouseover="this.style.overflow='scroll'"
onmouseout="this.style.overflow='hidden'"

当用户将鼠标悬停在div上时，这将导致滚动按钮出现，但当用户从div跳过时，它会再次消失。

Answer 3

这将做你正在寻找的事情 http://rocha.la/jQuery-slimScroll

或者，当您仅使用CSS将鼠标悬停在该区域上时，您可以显示滚动条; 这对我有用;

<style>
#ID {
  overflow-y: hidden;
}
</style>
#ID:hover, #ID:active, #ID:focus {
  overflow-y: auto;
}
</style>

<div class="ID"></div>

Answer 4

如果您使用的是引导程序，则非常简单-有一个默认的Scroll类，您可以在其中应用样式overflow: auto。

<div class="Scroll" style="overflow: auto" >
    .......
</div>

Answer 5

使用overflow: auto

overflow属性具有以下值：

可见-默认。溢出没有被修剪。内容在元素框外呈现
隐藏-溢出被裁剪，其余内容将不可见
滚动-剪辑了溢出，并添加了滚动条以查看其余内容
自动-与滚动类似，但仅在必要时添加滚动条

如果不滚动，则隐藏滚动条

5 个答案: