jquery实现随屏滚动

看这篇文章之前,建议大家先看

jQuery---10行代码搞定跟随屏幕滚动的层.

http://www.cssrain.cn/article.asp?id=1177

这个7行代码的,意思也差不多,只不过少了3行代码,嘿嘿。

先看演示:

http://www.cssrain.cn/demo/floatDIV.html

具体代码:

先绝对定位div层,

然后脚本控制层的位置:

$(document).ready(function(){

varmenuYloc=$("#test").offset().top;

$(window).scroll(function(){

varoffsetTop=menuYloc+$(window).scrollTop()+"px";

$("#test").animate({top:offsetTop},{duration:600,queue:false});

});

});

相关推荐