css页面滚动触发动画

所属分类:UI,其他-滚动,动画效果

 100342  525  查看评论 (42)
分享到微信朋友圈
X
css页面滚动触发动画 ie兼容10

第一步引入:

<link rel="stylesheet" href="css/animate.css">

第二步:

给你的页面元素加上调用 “wow”

<div class="row">
    <div class="wow rollIn bg-blue"></div>
    <div class="wow bounceInDown bg-green">WOW.js</div>
    <div class="wow lightSpeedIn bg-purple"></div>
</div>

第三步:调用js

<script src="http://cdn.dowebok.com/131/js/wow.min.js"></script>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        new WOW().init();
    };
</script>
相关插件-滚动,动画效果

jQuery瀑布流插件

jQuery瀑布流,结合animate.css、wow.js滚动展示效果,可扩展性强。
  滚动
 29293  313

JQuery滚动条插件jscroll.js

JQuery滚动条插件jscroll.js,支持火狐谷歌IE等主流浏览器,超轻量兼容好
  滚动
 40993  322

jQuery滚动堆叠插件jquery.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 27105  328

自定义滚动条

自定义滚动条,实现滚轮滚动内容
  滚动
 58828  415

讨论这个项目(42)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    浅叶 0
    2021/4/27 14:41:52
    可以引入animation文件就直接用吗 回复
    Deep??? 0
    2020/8/13 14:51:25
    这玩意不用用于商业用途,要付费购买授权 回复
    百年浮夸 0
    2020/8/3 16:16:46
    这不就是wow.js么。。。。 回复
    水『jing』 0
    2019/8/23 10:57:06
    当滚动较快时,每次滚动到最底部时,有很多空白,如何优化?
    鼠标滚动到当前位置,然后刷新页面时,当前页面变成空白了,请问如何优化? 回复
    西安美好整形美容医院 0
    2018/9/28 10:20:07
    Belmgbeid 0
    2018/5/28 10:46:02
    当滚动较快时,每次滚动到最底部时,有很多空白,如何优化? 回复
    sanniu 0
    2018/5/2 17:52:54
    这个套用简单吗,新手
    回复
    一风残落叶一 0
    2018/4/11 10:38:03
    有没有每次都触发的 回复
    insist 0
    2018/2/2 16:44:33

    就是要找这种只触发一次的效果

    回复
    ご冬冬变坏了 0
    2018/1/29 11:21:53
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复