jQuery实战_两侧跟随广告

要实现的效果：滑动滚动条，广告位置看上去不变。
HTML：

<div class="left">
    <img src="./images/1.gif" alt="">
</div>
<div class="right">
    <img src="./images/2.gif" alt="">
</div>

CSS：

 <style>
        *{
            padding:0;
            margin:0;
        }
        .left,.right{
            position:absolute;
            top:80px;
        }
        .left{
            left:0;
        }
        .right{
            right:0;
        }
    </style>

JS:

$(function(){
        $(window).scroll(function(){
            var docScroll = $(document).scrollTop();
            //方法一：
            $('.left,.right').css('top',docScroll+80);
            //方法二：
            $('.left,.right').animate({
                'top':docScroll + 80
            },30);
      })
  })

效果：


tips：
获取文本的滚动高度，给广告加上滚动的高度