Главная » Javascript » JQUERY

Закрепляем меню (любой блок) при прокрутке сайта.

23.12.2016, 11:59

Скрипт прикрепления меню, боковых блоков, да в принципе всё что угодно... фантазируем.

Нужный блок оборачиваем в див с айди фиксед

Код
<div id="fixed">ваш блок</div>


Далее под ним размещаем скрипт

Код
<script type="text/javascript">
$(document).ready(function () {  
  var top = $('#fixed').offset().top;
  $(window).scroll(function (event) {
  var y = $(this).scrollTop();
  if (y >= top)
  $('#fixed').addClass('fixed');
  else
  $('#fixed').removeClass('fixed');
  $('#fixed').width($('#fixed').parent().width());
  });
});
</script>
<style>.fixed {position:fixed; top:10px; z-index:9999;}</style>


Всё, проверяем.

Категория: JQUERY | Добавил: Sentimo [Написать автору]
Просмотров: 414 |Рейтинг: 0.0/0
Всего комментариев: 0
avatar