扫码关注官方订阅号
在浏览页面时,如果设定了CSS3效果,会在页面加载完毕会直接播放所有效果动画,如何在用户浏览到具体的动画元素的时候才开始执行的CSS3动画内容?
认证高级PHP讲师
不知道这样对不对啊(我的思路)首先你的页面元素添加动画的时候既然是自动行的,那么也可以通过一个class可以控制当用户的滚动条或者是(其他的什么东西执行的时候)到你的目标位置 那么就添加上你的class不就行了?相反的删除你的class不知道能不能帮助你
判断元素到页面顶端的高度试试
给你的动画元素设置个监听范围 不要在ready加载动画事件 做事件监听 监听到动画范围的时候执行函数触发CSS动画 大概能想到的思路就是这样 可以的话你可以贴个应用场景什么的 那样更容易解答
可以判断到顶部的距离触发条件,比如加类。如果监听的是scroll事件,出现的情况是 滚动结束才会触发,滚动过程中不会。就是松手之后才会有动画出现。 注意下。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
不知道这样对不对啊(我的思路)
首先你的页面元素添加动画的时候既然是自动行的,那么也可以通过一个class可以控制
当用户的滚动条或者是(其他的什么东西执行的时候)到你的目标位置 那么就添加上你的class不就行了?
相反的删除你的class
不知道能不能帮助你
判断元素到页面顶端的高度试试
给你的动画元素设置个监听范围 不要在ready加载动画事件 做事件监听 监听到动画范围的时候执行函数触发CSS动画 大概能想到的思路就是这样 可以的话你可以贴个应用场景什么的 那样更容易解答
可以判断到顶部的距离触发条件,比如加类。
如果监听的是scroll事件,出现的情况是 滚动结束才会触发,滚动过程中不会。
就是松手之后才会有动画出现。 注意下。