右侧区块随滚动固定
源码在网上找的,使用了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>

浙公网安备 33010602011771号