Chrome(Windows)不会隐藏滚动条

Jea*_*eri 8 html css internet-explorer google-chrome cross-browser

我有这个可滚动的div,当我不滚动时(在Chrome中我的Mac上)隐藏了滚动条.但是在Windows 8上,它在Chrome和Firefox中不起作用.

即我也不支持这个,但我使用以下CSS启用它:

-ms-overflow-style: -ms-autohiding-scrollbar;
Run Code Online (Sandbox Code Playgroud)

有没有办法为Chrome和Firefox启用此行为

这是一个jsfiddle

小智 26

也许你可以使用这样的东西?

body {
    margin:0;
    padding:0;
    overflow-y: hidden;

}
body:hover {
    overflow-y: scroll;
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/4RSbp/165/

  • 这会导致可访问性问题吗? (4认同)
  • 这会在不存在悬停的移动设备上导致问题。 (2认同)

mar*_*605 11

滚动条隐藏在Mac上,因为这是系统首选项(系统首选项>常规>显示滚动条).不幸的是,没有-ms-overflow-style适用于Firefox或Chrome的版本.