右侧区块随滚动固定

源码在网上找的,使用了jQuery,定制了一下。

$(document).ready(function(e) {            
    t = $('.fixed').offset().top;
    mh = $('.main').height();
    fh = $('.fixed').height();
    $(window).scroll(function(e){
        s = $(document).scrollTop();    
        if(s > t - 10){
            $('.fixed').css('position','fixed');
            /*
            if(s + fh > mh){
                $('.fixed').css('top',mh-s-fh+'px');    
            }    else{$('.fixed').css('top','10px');}        */    
        }else{
            $('.fixed').css('position','');
        }
    })
});
<div class="box">
    <!--代码开始-->
    <div class="main"></div>
    <div class="sub">
        <div class="sub01"></div>
        <div class="sub01"></div>
        <div class="fixed">我是固定的哟</div>        
    </div>
    <!--代码结束-->
</div>

 

posted @ 2013-02-03 21:52  pockry  阅读(127)  评论(0)    收藏  举报