jQuery滚动视差插件Parallax scrolly

所属分类:UI-滚动

 39088  444  查看评论 (7)
分享到微信朋友圈
X
jQuery滚动视差插件Parallax scrolly ie兼容9

使用方法

Html

<div id="item" class="parallax" data-velocity=".8"></div>

您可以添加data-fit =“xx以在实际条件下调整视差。

如果它是一个简单的元素,像一个图像。

$('.parallax').scrolly();

如果不:

$('.parallax').scrolly({bgParallax: true});

安装后以这样的格式编辑

<section id="bottle">
    <!--这里填上你的内容-->
        <div class="parallax" data-velocity="-.3"></div> 
</section>
<section id="story-freext">
     <!-- 这里填上你的内容 -->
        <div class="parallax" data-velocity="-.1"></div>
        <div class="parallax" data-velocity="-.5" data-fit="525"></div>
</section>
相关插件-滚动

仿淘宝、京东等电商网站楼层跳转滚动定位

实现电商网站的滚动监听、导航定位、返回顶部的功能
  滚动
 29935  410

新闻向下翻滚更新

新闻向下翻滚更新
  滚动
 35666  431

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 43220  401

jQuery横向全屏切换滚动

jQuery横向全屏切换滚动兼容ie6
  滚动
 50129  456

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

    davidcpkh 0
    2018/9/14 10:17:32
    鱼鱼鱼鱼鱼 0
    2017/6/9 9:25:12

    IE8根本就不能看嘛  楼主骗人

        Mark Tsui0
        2017/6/9 10:18:13

        请看[立即下载]上面的兼容性项目,一直都是IE9以上,IE8从发布第一天就是打叉。

        西瓜0
        2017/6/9 10:28:27

        是检查发布时设置错了,刚改的9,抱歉。

    回复
    陈荣春 0
    2017/5/16 16:01:42
    ie8兼容不行,只能到ie9 回复
    Mark Tsui 0
    2017/4/21 13:04:33

    api就没有了,参数可以参考里面的jquery.scrolly.js

    回复
    八年◆还在 0
    2017/4/21 11:15:18

    楼主,你有这个的api吗?里面的参数设置。  749765095,谢谢了

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复