javascript - 浏览到那个元素后播放CSS3效果
PHP中文网
PHP中文网 2017-04-11 11:31:45
[JavaScript讨论组]

在浏览页面时,如果设定了CSS3效果,会在页面加载完毕会直接播放所有效果动画,如何在用户浏览到具体的动画元素的时候才开始执行的CSS3动画内容?

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(4)
怪我咯

不知道这样对不对啊(我的思路)
首先你的页面元素添加动画的时候既然是自动行的,那么也可以通过一个class可以控制
当用户的滚动条或者是(其他的什么东西执行的时候)到你的目标位置 那么就添加上你的class不就行了?
相反的删除你的class
不知道能不能帮助你

ringa_lee

判断元素到页面顶端的高度试试

ringa_lee

给你的动画元素设置个监听范围 不要在ready加载动画事件 做事件监听 监听到动画范围的时候执行函数触发CSS动画 大概能想到的思路就是这样 可以的话你可以贴个应用场景什么的 那样更容易解答

伊谢尔伦

可以判断到顶部的距离触发条件,比如加类。
如果监听的是scroll事件,出现的情况是 滚动结束才会触发,滚动过程中不会。
就是松手之后才会有动画出现。 注意下。

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

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