| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
11年前发布

基于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 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1392036770379.html
jQuery 其他jQuery插件 jQuery插件