Question

我一直想知道你怎么能实现这个目标：https://www.apple.com/mac-pro/

正如我用自己的说法，删除滚动条或隐藏它。我知道你可以很容易地放overflow:hidden但这并不能真正解决问题，例如在Chrome中它不会让你用鼠标滚轮滚动（非常讨厌）。

我一直在寻找如何实现类似的东西，顺便说一下我不知道如何调用它（我再次将其搜索为隐藏滚动条，删除滚动条）但尚未成功。

如果有人能指出我正确的方向，那真是太棒了！

Answer 1

我认为页面填充的内容不超过窗口，所以这就是没有滚动条的原因。向上或向下滚动时，很可能只是更改内容的事件侦听器。

body {overflow：hidden}可以在某些浏览器中使用，但不是全部 - 所以，为了避免使用滚动条，只是不要让内容比窗口大。

Answer 2

Parallax Scrolling似乎略有改变。

如果你谷歌，你可以找到一百万种不同的方法，教程，例子，模板等。

Answer 3

在第10行更改overview.css

 position: fixed;

从第415和8行的overview.css中删除以下内容

 overflow: hidden;

Answer 4

只需将以下代码添加到您的css文件中即可。

::-webkit-scrollbar { 
    display: none; 
}

小心！这将禁用所有滚动条，因此如果您只想隐藏一个滚动条，请确保将其放在特定的类或ID中。