自定义网站滚动条



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

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

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

我已经研究了几种解决方案(例如这个解决方案),它们使用包装器和 css 系统来隐藏滚动条并将其从画布上移开。 这些对我不起作用,因为它们会干扰我的网站正在运行的视差.js和引导词缀/滚动间谍导航栏。我认为这是因为两个脚本都依赖于 body 元素,而不是主包装器,滚动。

我还研究了一个jquery插件来改变我的滚动条的外观,特别是malihu自定义滚动条。 当我尝试这样做时,滚动条工作得很好,但是视差和我的滚动/附加导航栏停止工作,原因与上述相同。

有人对我该怎么做有任何想法吗?

要隐藏滚动条,您可以使用以下 css:

body {
  overflow: hidden;
}

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

我不确定删除滚动条是最好的主意。当我放下你的菜单时,它涵盖了部分内容(例如,涵盖了大部分"新计划"),不断打开菜单,关闭它以查看页面,然后再次打开它以转到下一页有点烦人。同样对于您的"我的想法"部分,我必须向下滚动大约 5 个帖子才能看到(更不用说页脚了),如果没有滚动条,就没有任何方法可以做到这一点。

相关内容

  • 没有找到相关文章

最新更新