Плавающий блок через плагин Contained Sticky Scroll на jQuery
1 2 3 4 5 6 7 8 9 10 11 12 |
<script type="text/javascript" src="/js/jquery-contained-sticky-scroll.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#sidebar').containedStickyScroll(); }); </script> <style> .grid_4 { display:inline;float:left;margin-left:10px;margin-right:10px;width:400px;background:#bababa;z-index:5; } </style> |
2#: Следующий код можно сразу после предыдущего:
1 2 3 4 |
<div id="sidebar" class="grid_4"> <h2>Sticky Sidebar</h2> Здесь любой ваш текст</p> </div> |