Главная » Файлы » Прочие скрипты » Яваскрипты

Учимся Делать Липкий Блок 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('top', 48);" отвечает за высоту фиксированной зоны, к которой прилипнет блок. 48 - отступ сверху, в пикселях.

Строчка "box.css('width', 223);" отвечает за ширину блока фиксированной зоны, к которой прилипает блок. 223 - ширина блока в пикселях (прилипший блок меняет свою ширину). В первом упоминании - строчка отвечает за ширину ДО прилипания, во втором - когда уже прилип.

Действие скрипта - как только заданный отступ сверху касается блока - блок прилипает. Возможно настроить совершенно отдельный вид блока, в "прилипшем" состоянии

Автор скрипта Fomir

Категория: Яваскрипты | Добавил: Apocalypse | Теги: блок, Липкий, Fomir, ucoz, by, делать, Учимся, для
Просмотров: 441 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: