jq动态模块加载效果

weixin_48791929

于 2020-06-19 15:07:24 发布

阅读量138

点赞数

分类专栏：前端常用文件文章标签： javascript jquery css css3

本文链接：https://blog.csdn.net/weixin_48791929/article/details/106856663

版权

该博客介绍了如何利用jQuery和CSS实现动态模块加载效果。主要内容包括为需要动画效果的模块添加特定的yc_animate类名，通过判断滚动位置来动态添加或删除class，从而控制模块的显示和隐藏。主要涉及的技术栈有JavaScript、jQuery和CSS3。

摘要由CSDN通过智能技术生成

css部分

.yc_animate{
   opacity: 0;-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_48791929

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq动态模块加载效果

css部分.yc_animate{opacity: 0;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-t
复制链接

扫一扫