• Контакты
  • +7 (937) 486-30-30
  • mail@allbx.ru

Закрепить блок при прокрутке за приделы ее видимости


Работает следующим образом:
1) узнаем отступ от начала страницы блока с классом brand_targ
2) проверяем насколько прокручена страница и добавляем или убираем класс fix добавляемы блоку с классом brand_targ

<script>
var off = $(".brand_targ").offset();
barr = off.top;
$(window).scroll(function () {
  if ($(this).scrollTop() > barr) {
    $(".brand_targ").addClass('fix');
  } else {
    $(".brand_targ").removeClass('fix');
  }
});
</script>




Алексей Бульчук
Специалист-консультант
Хотите получить консультацию?
Оставьте заявку и мы свяжемся с Вами в ближайшее время.

Похожые статьи

Разработчикам

Закрепить блок при прокрутке за приделы ее видимости

11.03.2019
Разработчикам

Плагин Insert PHP и Allow PHP in Posts and Pages для выполнения PHP кода.

В данной статье хочу рассказать про несколько плагинов для возможности выполнения PHP кода...

Разработчикам

Перенаправление на другую страницу (Redirect) в PHP, JavaScript и HTML

Пример перенаправлений в PHP, JavaScript и HTML с задержками и без. header('Refresh: 10; ...

Разработчикам

Интересные штучки для браузера на javascript

Не секрет что в закладки браузера заносить javascript. Здесь я буду выкладывать интересные...

Разработчикам

Устанавливаем на BitrixVM 5.1 FTP сервер vsftpd

Разработчикам

Система комментирования HyperComments (Гиперкомментарии)

HyperComments система комментирования позволяющая комментировать отдельное слово или фрагм...

Разработчикам

1C Bitrix. Устранение ошибки "Service Temporarily Unavailable"

Разработчикам

Модернизация модального окна от facebox

В данной статье хочу привести пример использования facebox, для организации вывода произво...

Разработчикам

Получить данные о файле с помощью pathinfo().

Разработчикам

Смена ROOT пароля к MySQL в Linux [CentOS] [BitrixVm]

Разработчикам

Запуск Google Chrome через прокси в Linux или Windows

Для запуска через прокси-сервер используются параметр: –proxy-server=192.168.0.1:8080

Разработчикам

Вебинар "Мобильное приложение, или как удержать клиента"