jquery插件：任意位置浮动固定层(09-11-05更新插件)
http://www.cnblogs.com/regedit/archive/2008/03/11/1100170.html
见第一个附件
存在问题:当放大或者缩小窗口时候，浮动不会变化。
只能浮动：http://www.zhangxinxu.com/study/201011/smart-float-by-jquery.html
|
1 2 3 |
<div class="float" id="float"> 我是个腼腆羞涩的浮动层... </div> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
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(); |
做自己喜欢做的，跟家人同等重要