Блок у меня идет в самый футер сайта, но нужно чтобы он сдвинулся в низ не более 300 пикселей.
Сам код
<script type="text/javascript"> $(function() { var offset = $("#fixed").offset(); var topPadding = 15; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding}); } else {$("#fixed").stop().animate({marginTop: 0});};}); }); </script>
<div class="left"> <div class="right"> <div id="fixed">Текст фиксированного блока.</div> </div> </div>
.left { width: 70%; float: left; height: 1500px; } .right { margin-top: 10px; float: right; width: 20%; } #fixed { background: #CCC; padding: 20px; }