右边窗口随动

为什么80%的码农都做不了架构师？>>>   

<script type="text/javascript">
  // 右边窗口随动
  function fixedSidebar() {
    var side = $('.sidebar');
    var sideTop = side.offset().top + side.height();
    var h = $('.main').height() - side.height();
    var timer = 300;
    var fixStatus = function() {
        var winHeight = $(window).height();
        var scrollTop = $(document).scrollTop();
        var tempBottom = scrollTop + winHeight - sideTop;
        if (tempBottom > h) {
            tempBottom = h
        };
        if (scrollTop + winHeight > sideTop) {
            side.css({
                position: 'absolute',
                right: '0'
            }).stop(true).animate({
                top: tempBottom
            },
            timer)
        } else {
            side.css({
                position: 'static',
                right: '0'
            }).stop(true).animate({
                top: 0
            },
            timer)
        }
    };
    $(window).scroll(function() {
        fixStatus()
    });
    $(window).resize(function() {
        fixStatus()
    })
};
fixedSidebar();
</script>

转载于:https://my.oschina.net/bibo/blog/376138