javascript - jQ 滚动到指定区域执行动画
高洛峰
高洛峰 2017-04-11 12:46:25
[JavaScript讨论组]

使用JQ库,动画库

1:当元素进入可视区域内,区域内动画依次执行(A执行完,B再执行。。。)
2:离开区域后,再次回到刚刚那个区域,动画再次执行一遍

请问怎么解决啊?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
怪我咯

获取元素宽高和位置、获取窗口高度
滚动时,获取滚动高度、进一步计算元素在窗口中的位置,判断是否在窗口内...
执行动画

伊谢尔伦

可以用 getBoundingClientRect() 来判断元素是否进入和离开可视区。
这个方法返回的是元素位于视口的坐标,如果返回的属性只要有一个为正数,那么说明这个元素出现在视口中,可以开始动画了。
所有属性为负值,那么这个元素不在视口中,还原动画。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号