页面动画的问题，滚动到当前视野播放，不滚动到不播放如何实现
像很多首页那样的不是分屏，而是分块，页面滚动在当前视野才会播放动画，请教大家大概的设计思路是什么
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
像很多首页那样的不是分屏，而是分块，页面滚动在当前视野才会播放动画，请教大家大概的设计思路是什么
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（5）
使用jquery中scrollTop()以及offset()判断当前窗口是否包含动画，如果包含，就开始播放
你可以理解为按锚点加载的动画，一个页面从上到下标记了N多的锚点，当页面滚动到对应的锚点就加上class(如：.animate-play)来调用样式内的动画。你可以参考这个插件来扩展思路https://github.com/yckart/jquery.scrollto.js
谷歌:视差滚动;
JQ有插件用;其他也有很多实现;
1）监听window的scroll事件
2）使用Dom API
getBoundingClientRect()判断动画容器是否在当前的viewport范围之内如果在范围内就播放，不再的就停止动画
jquery有一种插件叫in-viewport