HTML代码： 复制代码 代码如下: <div class="float" id="float"> 我是个腼腆羞涩的浮动层... </div> JS代码： 复制代码 代码如下: $.fn.smartFloat = function() { var position = function(element) { var top = element.position().top, pos = element.css("position"); $(window).scroll(function() { var scrolls = $(this).scrollTop(); if (scrolls > top) { if (window.XMLHttpRequest) { element.css({ position: "fixed", top: 0 }); } else { element.css({ top: scrolls }); } }else { element.css({ position: "absolute", top: top }); } }); }; return $(this).each(function() { position($(this)); }); }; //绑定 $("#float").smartFloat();

　　推荐阅读

　　javascript 运算数的求值顺序

比如 复制代码 代码如下: a * b + c; ，先算乘方，再算乘除，最后算加减 ，有括号，先算括号里面的，同一级运算按照从左到右的顺序依次进行 这一点所有的程序设计语言都采取数学中数字的计算顺序。当然程序设计语>>>详细阅读

本文标题：jQuery页面滚动浮动层智能定位实例代码

地址：http://www.17bianji.com/kaifa2/JS/24263.html

 1/2    1