Расширение контента при прокрутке
- 06 Мар 16 в 11:30
- Скрипты для uCoz
Расширение контента при прокрутке как ВКонтакте.
Многие видели ВКонтакте такую штуку: листаешь стену, и, когда левый блок стал пустым, посты стены расширяются. Так вот, этот скрипт создан для этого.
Перед тегом </body> на нужной странице вставьте код:
Код
<script type="text/javascript">
$(window).scroll(function(){
var scroll = $(window).scrollTop();
$('body').html()
if (scroll > scrollStart) {
$('#Элемент').css('width','1200');// задаем нужную ширину элементу при прокрутке больше 900 пикс
} else {
$('#Элемент').css('width','300');// задаем ширину, которая должна быть при прокрутке менее 900 пикс
}
});
scrollStart = 900;// Начало расширения страницы начинается, когда прокрутка доходит вниз до 900 пикселов
$(window).scroll(function(){
var scroll = $(window).scrollTop();
if (scroll > scrollStart) {
$('#Элемент').css('width','0');// задаем нужную ширину элементу при прокрутке больше 900 пикс
} else {
$('#Элемент').css('width','880');// задаем ширину, которая должна быть при прокрутке менее 900 пикс
}
});
</script>
$(window).scroll(function(){
var scroll = $(window).scrollTop();
$('body').html()
if (scroll > scrollStart) {
$('#Элемент').css('width','1200');// задаем нужную ширину элементу при прокрутке больше 900 пикс
} else {
$('#Элемент').css('width','300');// задаем ширину, которая должна быть при прокрутке менее 900 пикс
}
});
scrollStart = 900;// Начало расширения страницы начинается, когда прокрутка доходит вниз до 900 пикселов
$(window).scroll(function(){
var scroll = $(window).scrollTop();
if (scroll > scrollStart) {
$('#Элемент').css('width','0');// задаем нужную ширину элементу при прокрутке больше 900 пикс
} else {
$('#Элемент').css('width','880');// задаем ширину, которая должна быть при прокрутке менее 900 пикс
}
});
</script>
Всего комментариев: (3)
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.
Случайные материалы
Время в профиле с последнего посеще
Делаем красивый вид материалов
Боковое меню как на YouTube для uCo
Плавающая кнопка меню от Kanavas
CSS Arrow PLEASE
CSS3 выдвижной нижний блок (footer)