这东西有没有现成的轮子?请高手给指个路。
![]() | 1 LiuJiang 2021-01-21 09:36:04 +08:00 问得好,我也想问。 |
2 lanjidechao 2021-01-21 09:44:12 +08:00 盲猜是 scrollbar 的事件,codepen 上看到过类似的,可以找找看。 |
![]() | 3 acthtml 2021-01-21 09:44:50 +08:00 search: 全屏滚动 js fullPage.js 能做到上面的效果 |
![]() | 4 happyeveryday 2021-01-21 09:45:01 +08:00 fullpage.js |
5 xxpandxxp 2021-01-21 09:48:49 +08:00 via Android 这个 b 站好像有教程,b 站或 u2b 搜 codeStartUp |
6 hoooo 2021-01-21 09:51:14 +08:00 ![]() b 站有个 up 主讲过。纯 css 实现。https://www.bilibili.com/video/BV1fD4y197NL |
7 ccraohng 2021-01-21 09:58:08 +08:00 via iPhone gsap 自带的 scrollTrigger 或者配合 scrollMagic |
![]() | 8 subpo PRO 现在当真学什么都上 b 站 |
9 caocong 2021-01-21 10:16:45 +08:00 滚动部分的动画就是 js 监听滚动条往 html 里 style 动态写入 css 变量 再根据变量 calc()计算值放进 transform 里变化 个人真心不太喜欢视频这种教程 1 分钟可以看完的文章 视频要做 10 分钟 而且不方便索引跳转 |
![]() | 10 agdhole 2021-01-21 11:36:25 +08:00 via iPhone ![]() |
![]() | 11 yaphets666 2021-01-21 13:14:30 +08:00 实现这个简单 就监控 scroll 然后操作 dom 就行了 再润色下过度啥的 主要是里头那些动画是最难的 |
12 freakJacker 2021-01-21 13:15:12 +08:00 监听 scrollTop |
13 imjamespond 2021-01-21 13:24:06 +08:00 via Android 这个专业术语叫 parallax 效果 |