掏点东西

GSAP的ScrollSmoother插件通过不断更新ScrollSmoother的Content元素translateY值来替换浏览器自身的页面滚动来实现平滑滚动，但这会导致内容区域里的元素使用position:fixed;样式失效。常规的解决方法是把使用了position:fixed;样式的元素放置在ScrollSmoother的wrapper元素外观，但如果有非要把position:fixed;样式元素放置在ScrollSmoot...

浏览器窗口向下向上滚动到指定模块后，模块固定，滚动鼠标实现该模块内的元素上下滑动。实现原理，在模块内添加一个固定显示元素和一个滑动元素，窗口滚动到它们的父元素时，一个元素固定显示，另一个元素通过滚动鼠标上下滑动。HTML代码：PS：GSAP自行下载。<!--gsap--> <script src="../js/gsap/gsap.min.js"></script> &...

由于ScrollSmoother可能会对滚动事件进行代理或修改，因此直接使用javascript原生的滚动事件监听可能不可靠，但是ScrollSmoother插件本身也没有提供直接获取滚动方向的方法，所以需要自行编写获取代码。通常判断滚动方向的方法是通过比较当前滚动位置和上一次的位置，如果当前值大于上一次则是向下滚动，反之则是向上。但ScrollSmoother可能会对原生的滚动行为进行封装，所以使用ScrollSmoother或Scr...