自定义网站滚动条？

Question

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

1. 去掉滚动条。
2. 将默认滚动条替换为自定义滚动条。

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

我看过几种解决方案(就像这个)，它们使用包装器和css系统隐藏滚动条，并将其从画布上删除。这些不适用于我，因为它们干扰了我的站点运行的parallax.js和引导词缀/滚动间谍导航条。我认为这是因为这两个脚本都依赖于body元素，而不是主包装器滚动。

我还研究了一个jquery插件，以更改我的滚动条的外观，特别是malihu自定义滚动条。当我尝试这样做时，滚动条工作得非常好，但是视差和我的滚动间谍/词缀导航条停止了工作，原因与上述相同。

有人知道我该怎么做吗？

Answer 1

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

body {
  overflow: hidden;
}

这可以为您提供正在寻找的自定义滚动条。

Answer 2

我不确定移除你的滚动条是不是最好的主意。当我拿下你的菜单时，它涵盖了部分内容(例如，“一个新计划”的大部分内容都包括在内)，经常打开菜单，关闭它查看页面，然后再打开它转到下一页，这有点烦人。另外，对于你的“我的想法”部分，有大约5个帖子，我将不得不向下滚动，以看到(更别提页脚)，没有滚动条没有任何方法去做。