滚动到顶部

$('.totop').toTop({
    autohide: true,//是否自动隐藏
    offset: 420,//距离顶部的高度
    speed: 500,//速度
    position: true,//定位
    right: 0,
    bottom: 30
});


(function ($) {
    'use strict';

    $.fn.toTop = function (opt) {

        //variables
        var elem = this;
        var win = $(window);
        var doc = $('html, body');

        //Extended Options
        var options = $.extend({
            autohide: true,
            offset: 420,
            speed: 500,
            position: true,
            right: 15,
            bottom: 30
        }, opt);

        elem.css({
            'cursor': 'pointer'
        });

        if (options.autohide) {
            elem.css('display', 'none');
        }

        if (options.position) {
            elem.css({
                'position': 'fixed',
                'right': options.right,
                'bottom': options.bottom,
            });
        }

        elem.click(function () {
            doc.animate({ scrollTop: 0 }, options.speed);
        });

        win.scroll(function () {
            var scrolling = win.scrollTop();

            if (options.autohide) {
                if (scrolling > options.offset) {
                    elem.fadeIn(options.speed);
                }
                else elem.fadeOut(options.speed);
            }

        });

    };

}(jQuery));

你可能感兴趣的:(滚动到顶部)