未分類 4 2 月 2021 [前端问题]像苹果官网那种滚到一个页面,放一些动画的效果怎么做的? [前端问题]像苹果官网那种滚到一个页面,放一些动画的效果怎么做的? 資深大佬 : JCZ2MkKb5S8ZX9pq 6 这东西有没有现成的轮子?请高手给指个路。 大佬有話說 (13) 資深大佬 : LiuJiang 问得好,我也想问。 資深大佬 : lanjidechao 盲猜是 scrollbar 的事件,codepen 上看到过类似的,可以找找看。 資深大佬 : acthtml search: 全屏滚动 jsfullPage.js 能做到上面的效果 資深大佬 : happyeveryday fullpage.js 資深大佬 : xxpandxxp 这个 b 站好像有教程,b 站或 u2b 搜 codeStartUp 資深大佬 : sixi712 b 站有个 up 主讲过。纯 css 实现。https://www.bilibili.com/video/BV1fD4y197NL 資深大佬 : ccraohng gsap 自带的 scrollTrigger 或者配合 scrollMagic 資深大佬 : subpo 现在当真学什么都上 b 站 資深大佬 : caocong 滚动部分的动画就是 js 监听滚动条往 html 里 style 动态写入 css 变量再根据变量 calc()计算值放进 transform 里变化 个人真心不太喜欢视频这种教程1 分钟可以看完的文章 视频要做 10 分钟 而且不方便索引跳转 資深大佬 : agdhole https://greensock.com/ 資深大佬 : yaphets666 实现这个简单 就监控 scroll 然后操作 dom 就行了 再润色下过度啥的 主要是里头那些动画是最难的 資深大佬 : freakJacker 监听 scrollTop 資深大佬 : imjamespond 这个专业术语叫 parallax 效果