Главная » Файлы » Прочие скрипты » Яваскрипты |
Учимся Делать Липкий Блок by Fomir для uCoz
24.06.14, 17:00:39 | |
Посмотрите ОРИГИНАЛЬНЫЙ ТОПИК После < /head > на нужных страницах вставляйте: Код <div id="lip"> контент блока </div> Сразу после предыдущего кода вставляйте: Код <script> $(function() { var box = $('#lip'); var top = box.offset().top - parseFloat(box.css('marginTop').replace(/auto/, 0)); $(window).scroll(function(){ var windowpos = $(window).scrollTop(); if(windowpos < top) { box.css('position', 'static'); box.css('width', 223); } else { box.css('position', 'fixed'); box.css('top', 48); box.css('width', 223); } }); }); </script> Строчка "box.css('width', 223);" отвечает за ширину блока фиксированной зоны, к которой прилипает блок. 223 - ширина блока в пикселях (прилипший блок меняет свою ширину). В первом упоминании - строчка отвечает за ширину ДО прилипания, во втором - когда уже прилип. Действие скрипта - как только заданный отступ сверху касается блока - блок прилипает. Возможно настроить совершенно отдельный вид блока, в "прилипшем" состоянии Автор скрипта Fomir | |
Просмотров: 569 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |