基于jQuery的固定悬浮插件
// jquery.fixed.js (function($) { var _options = {}; jQuery.fn.fiexd = function(options) { var id = $(this).attr("id"); _options[id] = $.extend({}, $.fn.fiexd.defaults, options); var obj = $(this); var offsetTop = this.offset().top - parseInt(_options[id].top); _scroll($(document).scrollTop() > offsetTop); $(window).scroll( function() { _scroll($(document).scrollTop() > offsetTop); }); function _scroll(isChange){ if(isChange){ if($.browser.msie && ($.browser.version == 6.0)){ obj.css({"position":"absolute", "top":$(document).scrollTop()+parseInt(_options[id].top)}); }else{ obj.css({"position":"fixed", "top":_options[id].top}); } }else{ obj.css({"position":"", "top":""}); } } } jQuery.fn.fiexd.defaults = { top: '0px' }; })(jQuery);
用法:
$('#demo0').fiexd(); $('#demo1').fiexd({top:"30px"}); $('#demo2').fiexd({top:"100px"});
本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!