jquery整屏滚动插件Scrollify

所属分类：UI-滚动

107899 589 查看评论 (25)

分享到微信朋友圈

查看演示 website 立即下载

插件描述：Scrollify是一个jQuery插件,协助整屏滚动和顺利拍摄部分。完全可配置和优化。

基本设置

Scrollify需要jQuery 1.6 +和jquery.easing.js。

最基本的设置如下:

<! doctype html>
    <html>
        <head>
            <script>
                $(function() {
                    $.scrollify({
                        section : "section",
                    });
                });
            </script>
        </head>
        <body>
            <section></section>
            <section></section>
        </body>
</html>

配置

这是默认配置:

$.scrollify({
        section : "section",
        sectionName : "section-name",
        easing: "easeOutExpo",
        scrollSpeed: 1100,
        offset : 0,
        scrollbars: true,
        before:function() {},
        after:function() {}
});

选项

section 选择器部分。

sectionName Scrollify允许您定义一个散列值为每个部分。这使得它可以永久链接到特定的部分。这是作为一个数据集属性部分。定义的数据属性的名称

easing 定义easing的方法

offset 抵消每个部分位置的像素。

scrollbars 一个布尔值来定义是否滚动条是否可见的。

===========以下内容由一点钟方向3218710903提供==========

参数说明

section : "section", //section选择器，绑定需要滚动的对象。

sectionName : "section-name", //哈希值，用于区另于其它section

easing: "easeOutExpo", //easing的动画方法

scrollSpeed: 1100, //滚动的速度