jQuery滚动视差插件Parallax scrolly

所属分类:UI-滚动

 1754  27  查看评论 (2)
jQuery滚动视差插件Parallax scrolly ie兼容8

使用方法

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 Smoove-华丽的CSS3滚动效果

jQuery Smoove使用它很容易实现CSS3转换效果,让你向下滚动页面的内容时展现绚丽的css3动画效果。
  滚动
 24964  116

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 8136  70

返回顶部插件(傻瓜版)。

jquery返回顶部插件
  滚动
 13395  85

jQuery 鼠标滚轮插件 mousewheel

jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。
  滚动
 78497  67

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

    Mark Tsui 0
    2017/4/21 13:04:33

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

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

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

    回复
取消回复