基于jQuery的固定悬浮插件
jopen
11年前
// 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"});