Описание тега headroom.js

None Легкий виджет на чистом JavaScript для скрытия элементов
0 ответов

React Headroom не работает с диалоговым окном Material UI (0.20.0)

Я использую реактивный запас (^2.2.2), который не работает с диалогом React Matrial UI (0.20.0). Код приведен ниже. Пожалуйста, взгляните и дайте мне знать о проблеме. ТИА Что я заметил: код Headroom работает только с прокруткой страницы, но в случа…
30 янв '18 в 10:29
0 ответов

Параметры Headroom.js с Enquire.js

Мне нужно иметь различное смещение в Headroom.js в зависимости от размера экрана. Enquire.js должен сработать, но я не могу заставить его работать должным образом. Он загружает только одну настройку смещения на каждую загрузку страницы, хотя она и я…
29 июн '15 в 16:22
1 ответ

Запретить скрытие панели навигации, когда прокрутка установлена ​​программно

У меня есть панель навигации, которая становится скрытой, когда пользователь прокручивает вниз, и отображается, когда пользователь прокручивает вверх. Подобное поведение реализовано в библиотеке Headroom.js. Логика сокрытия и показа призвана scroll …
04 дек '18 в 08:44
1 ответ

jquery - обновляет функцию в $(window).resize, используя headroom.js

Я пытаюсь инициировать скрипт из headroom.js ( http://wicky.nillia.ms/headroom.js/), чтобы сработать, когда элемент попадает в верхнюю часть страницы. Положение элемента изменится, если размер окна будет изменен. Моя проблема: значение смещения функ…
28 май '15 в 07:51
2 ответа

Jquery - Переключение между 2 функциями при нажатии

Я реализую Headroom.js на одном из моих сайтов. Из-за удобства использования я должен иметь возможность переключаться между инициализацией и уничтожением скрипта, когда пользователь нажимает на определенный div. Идентификатор этого div - #hamburger …
03 янв '16 в 21:07
1 ответ

Заголовок Headroom.js с начальным статическим состоянием

Я использую замечательный плагин Headroom.js для создания заголовка с автоматическим скрытием. Заголовок является статическим с самого начала и закрепляется после смещения (при прокрутке вниз), а затем возвращается к статическому (при возврате вверх…
18 май '17 в 18:48
0 ответов

headroom.js не реагирует на событие прокрутки

У меня есть WordPress веб-страница с темой Literatum. Он имеет верхнюю панель навигации (заголовок сайта) в div. При прокрутке вниз я бы хотел, чтобы навигационная панель исчезла, при прокрутке вверх в любой точке она должна появиться. Я хотел бы ис…
14 дек '17 в 17:36
0 ответов

Headroom - скрытие двух заголовков вместо одного

У меня есть рабочий код, который будет скрывать заголовки с анимацией при прокрутке вниз, и, если вы прокрутите вниз, он покажет их снова, как и ожидалось. Однако, если вы прокрутите дальше вниз, только первый из них вернется в исходное положение, а…
08 мар '18 в 20:25
0 ответов

HeadroomJS - функция запускается дважды в опциях

Я использую HeadroomJS ( https://wicky.nillia.ms/headroom.js/), чтобы определить, когда положение прокрутки вверху или нет сверху. В "onTop" а также "onNotTop" варианты, я объявил .on('click событие. Когда пользователь не находится вверху страницы, …
23 янв '19 в 13:04
1 ответ

Можно ли напрямую изменять атрибуты контролируемых React элементов DOM?

Я хотел бы использовать headroom.js с React. Документы Headroom.js говорят: По своей сути, headroom.js просто добавляет и удаляет классы CSS из элемента в ответ на событие прокрутки. Было бы хорошо использовать его напрямую с элементами, контролируе…
07 окт '15 в 08:50
1 ответ

Прозрачный фон становится черным при переходе от сплошного цвета в Safari

Я использую headroom.js, чтобы скрыть / показать панель навигации при прокрутке. Работает отлично. При прокрутке вверх навигация имеет сплошной цвет фона, а когда навигация вверху, фон должен быть прозрачным. Нет проблем с Chrome, но есть проблема с…
06 окт '17 в 12:04
1 ответ

Панель браузера Android, которая находится в положении: зафиксирована в нижней части экрана

У меня есть "панель учетных записей", прикрепленная к нижней части экрана с помощью position:fixed, и я автоматически скрываю ее, когда пользователь прокручивает страницу вниз с помощью плагина headroom.js Это прекрасно работает во всех браузерах, к…
07 май '15 в 00:37
1 ответ

Использование Headroom.js с WordPress

Я хотел бы использовать headroom.js на своем сайте, чтобы иметь возможность скрывать заголовок при прокрутке вниз и снова отображать его при прокрутке вверх. Я использую WordPress. Я попытался поместить файл js в папку темы и вызвать его с functions…
24 апр '17 в 02:15
2 ответа

Headroom.js с Typescript не может найти модуль

Кто-нибудь получил эту работу в стране Typescript? Погуглив вокруг и похоже нет. Попытка включить эту библиотеку в мой проект Browserify без какой-либо удачи. У меня есть этот файл для v0.9.3 из headroom.js https://github.com/retyped/headroom-tsd-am…
12 авг '16 в 07:13
1 ответ

Как заставить headroom.js работать / пошагово

Мне очень нравится headroom.js, но я просто не могу заставить его работать. Какая-то пошаговая инструкция была бы отличной. Итак, вот что я сделал до сих пор... Я скачал git repro Включил скрипты в мой HTML-файл прямо перед моим закрывающим тегом те…
22 май '16 в 11:38
0 ответов

Смещение заголовка с фиксированной позицией для ссылок ссылок в документе

У меня есть страница, которая использует следующее: Headroom.js для заголовка, который "выдвигается из поля зрения при прокрутке вниз и обратно при прокрутке вверх" HTML <a> ссылки на внутренние разделы Плавная прокрутка Я хочу убедиться, что,…
1 ответ

Как получить высоту компонента для запуска Headroom в React?

Я впервые имею дело с Gatsby и React, поэтому, возможно, я использую неправильный подход в этом вопросе. Во всяком случае, вот что происходит. Я создаю этот сайт из мира gatsby-starter-hello-world, который будет состоять из первой страницы с героем …
13 янв '20 в 22:51
1 ответ

Headroom.js navbrand и navlinks

Я использую Headroom.js на своем веб-сайте начальной загрузки, и пока все хорошо, отлично работает так, как я хочу. Однако у меня есть вопрос: есть ли способ изменить навбренд и настроить навигационные ссылки в "notTop"?! Позвольте мне быть яснее, к…
0 ответов

Абсолютное положение заголовка Headroomjs не избавляет от надоедливого перехода

У меня этот заголовок находится в абсолютном положении, и я использую Headroomjs. Через 130 пикселей сверху, когда вы прокручиваете вверх, появляется меню и все в порядке. Когда вы прокручиваете вниз, чтобы меню исчезло с переходом, мне пришлось изм…
0 ответов

jQuery scrollTop прокручивает свернутую панель навигации на мобильном устройстве

Я использую jQuery для достижения эффекта прокрутки (щелкнув элемент панели навигации, чтобы перейти к разделу страницы).
06 июл '21 в 14:15