垂直滚动条使用CSS Jquery的

Question

我想创建一个垂直滚动条，如图this site。

是否有人可以指导我如何可以做到这一点？任何示例代码都会有帮助。

在此先感谢。

Answer 1

你也许可以考虑一下这些滚动库给你从页面好的效果：

• http://scrollmagic.io/
• https://scrollrevealjs.org/
• https://michalsnik.github.io/aos/

而对于垂直导航：

• https://codyhouse.co/gem/vertical-fixed-navigation/

• https://codepen.io/janmez/pen/gryoKG

  Vertical Navigation Scroll Effect 
  

• http://www.thepetedesign.com/demos/onepage_scroll_demo.html

Answer 2

首先，你的榜样是不完全是一个滚动条。它具有滚动条所具有的某些行为，但不能用它来导航，并且不会替换默认滚动条，至少不会代码。

目前，只有Webkit浏览器（Chrome，Safari，其他）can have their scrollbar styled和IE可以部分样式化。

你的例子是从头开始的，通过使用JavaScript来使HTML元素的行为像一个滚动条。

Jquery custom scrollbar是一个Jquery插件，它确实可以帮助您创建自定义滚动条，但可能无法提供足够的功能来制作如您所给示例的复杂滚动条。