Расширение контента при прокрутке
Расширение контента при прокрутке как ВКонтакте.

Многие видели ВКонтакте такую штуку: листаешь стену, и, когда левый блок стал пустым, посты стены расширяются. Так вот, этот скрипт создан для этого.


Перед тегом </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>


Всего комментариев: (3)

Fox
в 14:10, 21 Июл 15
То есть, во всех 4 местах кода, вместо #Элемент, если использовать для страницы материала и комментариев к нему, нужно прописать .eMessage?
Fox
в 13:19, 21 Июл 15
класс или ид чего?
Fox
в 02:45, 21 Июл 15
Что значит $('#Элемент').css? Вместо элемент нужно что-то вписывать?
_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

Плоский и крутой шаблон для сайта
Плоский и крутой шаблон для сайта
Страница 404 для uCoz
Страница 404 для uCoz
Скрываем админ-бар
Скрываем админ-бар
10 ресурсов для подбора стильных и бесплатных фото для сайта
10 ресурсов для подбора стильных и
Сервис Background Burner – убираем фон с картинок
Сервис Background Burner – убираем
Смена ника без ПУ.
Смена ника без ПУ.