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