这是一种使用 GSAP 的 ScrollTrigger 插件实现的一种叫做“固定区域(Pinned Section)”的滚动动画效果,这种效果表现为当用户滚动页面到某个特定区域时,示例中的特定区域是指「英雄Hero标题区」,该区域内的元素(也就是图片)会被“钉住”,即在滚动过程中保持其位置不变,直到滚动到另一个指定的位置时,这个被钉住的区域才会继续随着页面滚动而移动。并且在图片被固定的同时会随着鼠标滚动出现一段标题文字效果。特别的有创意,其中页面的整体布局及样式是通过CSS实现的。
编号:固定效果
GSAP实现滚动页面固定特定区域效果
| 大小 | 814 KB |
| 总文件 | 10 个 |
| 发布 | 2024-09-01 |
| 更新 | 2024-09-01 |
| 架构 | GSAP |
| 分类 | 前端资源 - GSAP动画 |
| 目录 | 结构详情 |