xandeadx.ru Блог музицирующего веб-девелопера

Javascript → ScrollToFixed — jQuery плагин для фиксации блоков при пропадании их из зоны видимости

Опубликовано в

Популярный кейс в последнее время — фиксация меню при скролинге (демо).

jQuery плагин ScrollToFixed позволяет добиться такого поведения. Весит в сжатом виде ~6kb, будет работать с jQuery 1.4.4 (актуально для Drupal 7), не требует дополнительной разметки, позволяет указать размер верхнего отступа и другие опции отображения.

Использование:

<script src="jquery.js"></script>
<script src="jquery-scrolltofixed-min.js"></script>
<script>
$(function () {
  $('#main-menu').scrollToFixed();
});
</script>
 
<div id="main-menu">link 1 | link 2 | link 3</div>

Документация и различные демки на гитхабе.

Похожий jQuery плагин — Scroolly.

Похожие записи

Комментарии RSS

Ну если верстать на бутстрапе то необходимость в таком плагине отпадает

Вот есть модуль делающий то же самое https://www.drupal.org/project/floating_block

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании