jQuery滚动视差插件Parallax scrolly

所属分类:UI-滚动

 6064  71  查看评论 (6)
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>
相关插件-滚动

jQuery滚动条插件-jQuery custom content scroller

jQuery滚动条插件jQuery custom content scroller支持横向滚动纵向滚动以及多种滚动显示效果。使用这个插件你可以轻松的给你的层追加很好看的滚动条。
  滚动
 63906  167

jQuery纵向滚动条(原创)

jQuery自定义纵向滚动条,支持鼠标滚动、滚动条拖拽,内容更新滚动条自动更新
  滚动
 6876  31

基于fullpage.js实现的360全屏滑动效果

360全屏滑动,HTML5+CSS3炫酷动画,代码注释较全,方便学习哦
  滚动
 7385  77

jquery实现网易邮箱页面插件fullPage.js

jquery实现网易邮箱页面插件fullPage.js
  滚动
 66305  364

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币

    鱼鱼鱼鱼鱼 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,谢谢了

    回复
取消回复