要实现的效果:滑动滚动条,广告位置看上去不变。
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:
获取文本的滚动高度,给广告加上滚动的高度