ГлавнаяФайлыВсё для uCoz
Скрипты
Авто расширение сайта как в ВК
Вы уже успели заметить, что на сайте Вконтакте появился скрипт Авторазширения - когда при прокрутке сайта вниз блок(справа или слева или два сразу) заканчивается, то контент разширяется.
Установка(1 вариант, если на сайте только один контейнер: или справа или слева):
Для начала нужно обвернуть контейнер div'ом:
Code
<div id="blockheight">тут все блоки</div>

После этого в Нижнюю часть сайта вставляем код:
Code
<script>  
  var blockheight = $("#blockheight").height();  
  $(window).scroll(function(){  
  if($(window).scrollTop() >blockheight)  
  {$("#blockheight").hide();}  
  })  
  ;$(window).scroll(function() {  
  if($(window).scrollTop() < blockheight)  
  {$("#blockheight").show();}  
  });</script>


Установка(2 вариант, если на сайте два контейнера - правый и левый)
Так же обварачиваем первый контейнер div'ом:
Code
<div id="blockheight">тут все блоки</div>

Потом обварачиваем второй контейнер div'ом:
Code
<div id="blockheight2">тут все блоки</div>

А этот код вставляем в Нижнюю часть сайта:
Code
<script>  
  var blockheight = $("#blockheight").height();  
  $(window).scroll(function(){  
  if($(window).scrollTop() > blockheight)  
  {$("#blockheight").hide();}  
  });  
  $(window).scroll(function() {  
  if($(window).scrollTop() < blockheight)  
  {$("#blockheight").show();}  
  });  
  var blockheight2 = $("#blockheight2").height();  
  $(window).scroll(function(){  
  if($(window).scrollTop() > blockheight2)  
  {$("#blockheight2").hide();}  
  });  
  $(window).scroll(function() {  
  if($(window).scrollTop() < blockheight2)  
  {$("#blockheight2").show();}  
  });  
  </script>
Полезный материал
+
Для скачивания файлов с нашего сервера, Вы должны зарегистрироватся или войти на сайт.
Всего 0 комментариев и 7 просмотров
Что бы комментировать файл, Вы должны зарегистрироватся или войти на сайт под своим логином!
Файл никто не прокомментировал. Будь же первым!
Карта
rss
Карта