带隐藏滚动条的滚动[重复]
我试图创建一个滚动条隐藏的页面，但你仍然可以滚动或点击链接向下滚动。我可以隐藏滚动条，但我不能在100%上留下一页滚动。HTML
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div id="container">
<div id="content1">Hello</div>
<div id="content2">Hello2</div>
<div id="content3">Hello3</div>
<div id="content4">Hello4</div>
<div id="links">
<a href="#content1" class="contentLink">link 1</a> |
<a href="#content2" class="contentLink">link 2</a> |
<a href="#content3" class="contentLink">link 3</a> |
<a href="#content4" class="contentLink">link 4</a>
</div>
</div>
</body>
</html>
CSS
#container, #content1, #content2, #content3, #content4 {
position: absolute;
width: 100%;
height: 100%;
top: 0; left: 0;
z-index: 1;
overflow:hidden}
#content1 { top: 0%; background: yellow; }
#content2 { top: 100%; background: red; }
#content3 { top: 200%; background: orange; }
#content4 { top: 300%; background: purple; }
#links {
position: fixed;
bottom: 10px; left: 10px;
z-index: 2;}
共有1个答案
只需设置滚动条的样式，而不是元素的样式。
::-webkit-scrollbar,::-webkit-scrollbar-button,::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece,::-webkit-scrollbar-thumb,::-webkit-scrollbar-corner,::-webkit-resizer
{opacity:0; }
更多信息请访问：http://css-tricks.com/custom-scrollbars-in-webkit/。
-
我有一个，其元素样式如下： 我需要允许滚动沿Y轴当它变得高于300px，这工作很好。但我需要将设置为滚动条本身。 我尝试使用这个元素样式： 当它隐藏滚动条时，它也不允许滚动。有没有一种方法可以在滚动条不可见的情况下滚动？
-
有没有一种方法可以隐藏滚动条，但仍然保留向上/向下滚动的选项？我尝试溢出：隐藏；它删除滚动条，但我不能滚动。
-
目前，我正在使用以下代码显示滚动条： 使用此CSS时，滚动条始终可见，这意味着即使div中的内容没有溢出。 当内容符合提到的高度时，我如何隐藏它们？
-
问题内容： 我希望能够滚动浏览整个页面，但不显示滚动条。 在谷歌浏览器中： 但是Mozilla Firefox和Internet Explorer似乎无法正常工作。 我也在CSS中尝试过： 那确实隐藏了滚动条，但我不能再滚动了。 有什么办法可以删除滚动条，同时仍然可以滚动整个页面？ 请仅使用CSS或HTML。 问题答案： 只是测试工作正常。 JavaScript： 由于滚动条的宽度在不同的浏览器中
-
问题内容： 我想创建一个可以滚动但不显示滚动条的div。我已经找到了Webkit的解决方案（如下），但是如何在其他浏览器中实现呢？ 我宁愿避免使用javascript插件。希望找到CSS或特定于供应商的解决方案。 问题答案： 您必须将可滚动div包裹在另一个div中，以隐藏滚动条。 。 顺便说一句：一个漂亮的jQuery小插件jScrollPane使用了相同的技术
-
问题内容： 考虑这个图像。如您所见，它具有一个应用程序栏，而该应用程序栏具有“选项卡式”按钮。我正在尝试对应用 栏进行动画处理，以使其在向上滚动时隐藏，并且仅显示“选项卡按钮”，而在向上滚动时不显示应用栏。请 帮帮我。对不起英语不好而不不是美国人我不是英语 问题答案： 如果我对您的理解正确，以下代码应可使应用程序栏在滚动时隐藏，而TabBar仍可见： 示例来自于。这篇文章.