常用JS方法

// 悬浮置顶
; (function ($) {
    $.fn.crumbsFixedPosition = function (options) {
        var defaults = {
            cName: ‘fixed_pos‘
        }
        var options = $.extend(defaults, options);
        return this.each(function () {
            var $this = $(this);
            var t = $(this).offset().top;
            $(window).on(‘scroll‘, function () {
                if ($(this).scrollTop() > t) {                    
                    $this.addClass(options.cName);
                } else {
                    $this.removeClass(options.cName);
                }
            });
        });
    };
})(jQuery);

$(function () {
    $(‘.curr_pos‘).crumbsFixedPosition();
});
// 返回顶部

; (function ($) {
    $.fn.backToTop = function (options) {
        var defaults = {
            t: 200
        }
        var options = $.extend(defaults, options);
        return this.each(function () {
            var $this = $(this);
            $this.append(‘<div class="backToTop"><span>返回顶部</span></div>‘);
            var $o = $this.find(‘.backToTop‘);

            $(window).on(‘scroll resize‘, function () {
                if ($(document).scrollTop() > 0) {
                    $o.fadeIn();
                } else {
                    $o.fadeOut();
                }
            });
            $o.on({
                ‘click‘: function () {
                        $(‘body,html‘).stop(true, false).animate({ scrollTop: 0 }, options.t);
                },
                ‘selectstart‘: function () {
                    return false;
                }
            });
        });
    };
})(jQuery);

$(function () {
    $(‘body‘).backToTop();
});

常用JS方法,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。