自定义网站滚动条？

Question

我不喜欢my website上浏览器滚动条的外观。为了解决这个问题，我有两个想法：

1. 摆脱滚动条。
2. 使用自定义滚动条替换默认滚动条。

我知道我可以使用css来设置滚动条的样式，或者在webkit浏览器中隐藏它，但我想要一个更加跨浏览器的解决方案。我想如果我选择隐藏滚动条，由于我的导航，它不会影响用户体验。

我已经查看了几个解决方案（such as this one），这些解决方案使用包装器和css系统隐藏滚动条并将其从画布上移开。这些对我不起作用，因为它们会干扰我的网站运行的parallax.js和bootstrap词缀/ scrollspy导航栏。我认为这是因为两个脚本都依赖于body元素，而不是主要的包装器，滚动。

我还查看了一个jquery插件来更改滚动条的外观，特别是malihu custom scrollbar。当我尝试这个时，滚动条运行得非常好，但视差和我的scrollspy / affix导航栏停止工作，原因与上述相同。

有没有人对我如何做到这一点有任何想法？

Answer 1

要隐藏滚动条，您可以使用此css：

body {
  overflow: hidden;
}

this可以为您提供所需的自定义滚动条。

Answer 2

我不确定删除滚动条是最好的主意。当我关闭你的菜单时，它涵盖了部分内容（例如，大部分“新计划”都被覆盖），不断打开菜单，关闭它以查看页面并再次打开它有点烦人转到下一页。另外，对于你的“我心目中的什么”部分，有大约5个帖子我必须向下滚动才能看到（更不用说页脚），没有滚动条就没有办法做到这一点。