Расширение контента при прокрутке
Расширение контента при прокрутке-когда прокручиваешь сайт в котором неудобно расположились блоки,просто хочется взять рукой их и убрать,но есть способ реальнее-это скрипт который при прокрутке страницы расширяет страницу и убирает блоки.Примером таких сайтов был сайт Вконтакте в старом дизайне,а может и еще и в новом я особо за этим не слежу
Установка:перед /body на нужной странице ставим
Установка:перед /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>
Файлы для скачивания отсутствуют.
Поблагодарить автора
Автор: Turbo
Комментарии (0)