博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2009-04-19 13:53  linFen  阅读(2380)  评论(2编辑  收藏  举报

看这篇文章之前,建议大家先看
jQuery---10行代码搞定跟随屏幕滚动的层.
http://www.cssrain.cn/article.asp?id=1177

这个7行代码的,意思也差不多,只不过少了3行代码,嘿嘿。
先看演示:
http://www.cssrain.cn/demo/floatDIV.html

具体代码:
先绝对定位 div 层,
然后脚本控制层的位置:
$(document).ready(function(){
    var menuYloc = $("#test").offset().top;
    $(window).scroll(function (){
        var offsetTop = menuYloc + $(window).scrollTop() +"px";
        $("#test").animate({top : offsetTop },{ duration:600 , queue:false });
    });
});

本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=1326