隐藏滚动条如果不滚动

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

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

，你可以看到我用

overflow: hidden

在体内和

overflow: scroll

在主

。感谢您的帮助 carl

来源

2015-07-19 carl

使用溢出：汽车？ – mguijarr

hi mguijarr ...溢出：自动;只是删除滚动条，如果不需要滚动条，并且它显示滚动条，如果需要的话......那不是我想要的。 – carl

像这样的东西可能是矫枉过正，但http://areaaperta.com/nicescroll/ – grdaneault

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

与CSS样式开始关闭：

#ID { 
overflow: hidden 
}

然后在HTML的DIV使用此命令

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

这将使您的滚动按钮，当用户将鼠标悬停在出现div，但当用户离开div时再次消失。

来源

2015-07-20 03:34:34 Chris

这会做你要找什么

或者你可以只显示滚动条时，你只使用CSS悬停在该区域; 这对我有效;

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

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

来源

2016-11-29 04:12:01

试试下面的CSS：

overflow:auto;

它为我:)

来源

2017-07-03 05:43:45

隐藏滚动条如果不滚动

回答

相关问题