侧栏固定 内容上下滚动_如何使用ScrollMagic.js在页面滚动上构建粘性侧栏

侧栏固定 内容上下滚动

在本教程中，我们将使用ScrollMagic.js（一个非常流行JavaScript库）来构建一个侧边栏，该侧边栏在页面滚动时变得很粘滞。 通过三个步骤（HTML，CSS和JavaScript），我们将概述整个过程。

这是我们要创建的内容（查看全屏版本以体验其完整的魔力并给它一些♥）：

仅当浏览器窗口的宽度至少为768px且到达视口的顶部边缘时，才会固定侧边栏。 较小的屏幕则采用堆叠式布局。

什么是ScrollMagic.js？

有关ScrollMagic的最佳描述，我们将转到其Github页面 ：

“用于神奇滚动交互的javascript库。”

ScrollMagic.js入门

要开始使用ScrollMagic，首先必须将其包含在项目中。 您可以通过访问其GitHub存储库，使用程序包管理器（例如np