【AAAAA】网页中的效果，让一些网页内的层或HTML标签跟随浏览器动，以及浏览器向下时才显出的层

Question

这两个效果最近貌似用的都很多啊，淘宝的淘宝搜索的时候那个搜索条件那里，浏览器里包含那些条件的时候不动，当浏览器浏览至没有那个搜索条件的时候，那个东西会在浏览器上置顶，再往上滑动的时候到他原来的位置的时候就停在那里了还有就是有些网页中浏览第一屏的时候没显示那个层之类的，往下移动的时候那个层开始显示，浏览器再回到顶部的时候那个层就消失了
有谁知道这2个效果怎么实现的么。。
我在JavaScript区发了。。没什么人回。。
http://topic.csdn.net/u/20111223/15/ea54d7f1-20b0-424d-b3ba-2dd6905efd9b.html?seed=1173605364&r=77082349#r_77082349

Answer 1

js获取滚动条事件
http://strugglelinux.blog.51cto.com/1009905/659064

Answer 2

第一种var test={
    _top:100,
    init:function(){
        $("body").append("<div id='te' style='width:100px;height:120px;background-color:black;position:absolute;top:"+test._top+"px;left:200px;'></div>");
        test.begin();
    },
    begin:function(){
        $(window).scroll(function(){
            if($(window).scrollTop()>=test._top){
                $("#te").css("position","fixed");
                $("#te").css("top","0");
            }
            else{
                $("#te").css("position","absolute");
                $("#te").css("top",test._top);
            }
        })
    }
}