Описание тега scrollspy

Описание тега Вопросы с тегом
ScrollSpy может относиться к плагину MooTools или аналогичному плагину jQuery, например, тому, который широко используется в Bootstrap. Сценарий прослушивает прокрутку страницы и запускает события в зависимости от позиции, к которой пользователь прокрутил страницу.
0 ответов

Scrollspy активный Navbar с тем же идентификатором

Можно ли иметь одинаковый идентификатор в div и выделять навигационную ссылку, когда она прокручивается с помощью scrollspy? У меня есть три элемента с одним и тем же идентификатором, и моя проблема в том, что активная ссылка в моей навигации не выд…
12 сен '16 в 13:40
1 ответ

Как изменить цвет фона в заголовке с помощью scrollpsy для каждого идентификатора

Я использую scrollpsy из начальной загрузки. Я сделал пример того, что я пытаюсь сделать: http://jsfiddle.net/te3V4/15/ Все хорошо, он пропускает один активный класс li в каждом разделе ID, но я хочу изменить фон в заголовке в каждом разделе Наприме…
21 май '13 в 10:44
1 ответ

Прослушайте событие, когда класс был добавлен в элемент HTML с использованием простого JavaScript

Я использую прокрутку шпион от bootstrap, active класс добавляется, когда появляется элемент прокрутки. Это нормальное поведение прокрутки шпиона. Я просто пытаюсь получить уведомление, когда активный класс добавляется в элемент li. <li key = {`$…
10 ноя '16 в 15:13
1 ответ

Scrollspy просто активен последней кнопкой на панели навигации

Это просто активная последняя кнопка навигационной панели. Я пытался использовать разные значения для смещения данных, но, похоже, не работает. <body id="page-top" class="index"> <nav id = "menu"class="navbar navbar-default navbar-fixed-top…
02 мар '15 в 01:11
1 ответ

Scrollspy не работает (BS 3 и Rails 4)

Я создаю длинную страницу и хочу, чтобы вкладки панели навигации стали активными, когда кто-то прокручивает страницу. Поскольку я использую Bootstrap 3, я думал, что scrollspy будет работать. Тем не менее, я не могу заставить его работать. Ниже мой …
26 окт '14 в 21:21
1 ответ

Bootstrap 4 - как заставить SCROLLSPY работать БЕЗ использования nav или list-group?

Есть ли способ заставить scrollspy работать БЕЗ использования nav или же list-group? Документация Bootstrap для scrollspy гласит, что она может использоваться только на nav или же list group компоненты. ДОКУМЕНТАЦИЯ Как это устроено Scrollspy имеет …
14 фев '19 в 00:21
1 ответ

bootstrap ScrollSpy не переходить в div при нажатии на пункт выпадающего меню

В выпадающем меню щелчок ScrollSpy не работает Демо: http://codepen.io/anon/pen/vOyZGq $(document).ready(function(){ $('#details-dropdown li a').click(function(e){ console.log(e); $("#details-menu li").removeClass("active"); $('#details - menu li a[…
26 май '15 в 12:26
1 ответ

Навигация по начальной загрузке не работает в фиксированной навигационной панели

Я использую навигацию начальной загрузки здесь: https://bm-translations.de/km Я установил следующее, как официальное руководство, чтобы автоматически обновлять навигацию Bootstrap или список групп компонентов на основе позиции прокрутки, чтобы указа…
19 апр '18 в 11:28
1 ответ

Как мне заставить Scrollspy работать с моей навигацией?

Я пытался решить это какое-то время, но не смог заставить его работать. После урока на Tutsme безуспешно. Вот мой код - с помощью начальной загрузки; #body { padding-top: 50px; position: relative; } #header { padding: 10px; } .navbar { background: #…
07 июл '16 в 12:34
1 ответ

Начальная загрузка прокрутки на шаблоне MDL

Я скачал шаблон Android.com с MDL. И отредактировал его, чтобы удалить несколько функций. Но сейчас я пытаюсь добавить новую функцию: Scrollspy. Я хочу, чтобы выделенный пункт меню обновлялся, когда пользователь прокручивает страницу. Я получил код …
21 июн '17 в 22:25
6 ответов

Как использовать scrollspy без использования начальной загрузки

Кто-нибудь знает, как использовать scrollspy без использования начальной загрузки? Я пытаюсь заставить это работать в одном из моих проектов, используя этот репозиторий: https://github.com/sxalexander/jquery-scrollspy но он просто не делает то, что …
20 май '15 в 11:27
0 ответов

Прокрутить шпион на атрибут данных и массив

У меня есть массив разделов страницы из CMS, мне нужно сначала привязать меню к разделу на основе атрибутов данных data-target тогда data-index (Массив) У меня есть якорь внизу рабочего раздела, однако я не могу заставить класс работать с соответств…
06 ноя '18 в 11:39
1 ответ

Bootstrap исправил navbar с прокруткой

Я пытаюсь реализовать верхнюю панель навигации, которая фиксируется наверху со ссылками, которые работают с прокруткой. Моя реализация не работает должным образом. Похоже, что ссылки работают и переходят в соответствующий раздел, но выделение ссылок…
20 апр '15 в 15:13
1 ответ

Как реализовать начальную загрузку scrollspy в Angular 6?

Мой код работает с Angular 6 и Bootstrap 4. В конце я хочу, чтобы в этой настройке запускался компонент scrollspy загрузчика. Bootstrap требует jQuery, и я не знаю, как заставить его работать. HTML <header> <div class="header-nav"> <n…
03 сен '18 в 18:35
1 ответ

Как в Bootstrap определить "активный" элемент навигации?

Я использую Twitter Bootstrap 3.0, используя плагин ScrollSpy, чтобы активировать мои навигационные ссылки при прокрутке вниз. Теперь я хочу автоматически обновить URL в адресной строке (используя window.history.pushstate) в ответ на событие ScrollS…
30 янв '14 в 02:26
0 ответов

Scrollspy не работает должным образом для последних нескольких элементов

Я пытаюсь использовать Scrollspy, чтобы выделить элементы панели навигации. HTML: <body id="page-top"> <!-- Navigation --> <nav class="navbar navbar-fixed-top navbar-default"> <div class="container"> <!-- Brand and toggle …
17 фев '16 в 18:29
0 ответов

Как изменить значение свойства псевдоэлемента CSS с помощью JavaScript в scrollspy?

Я ищу относительно простой и стандартный способ изменения значения свойства псевдоэлемента CSS с помощью JS Scrollspy. Родительский элемент (раздел целевой страницы) должен изменять градации серого во время прокрутки, а его дочерний элемент должен и…
28 янв '19 в 22:03
0 ответов

Scrollspy, строка не соответствует шаблонной ошибке

HTML Работает: <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#part1"> </a> </li> Изменение href для добавления "/" разрывает страницу и приводит к ошибкам 1 и 2 ниже. У меня есть некоторые ссылки, которые …
07 фев '19 в 19:10
1 ответ

Uncaught ReferenceError: $ не определено (для эффекта Scrollspy)

Пытаюсь заставить мой свиток работать. Я скопировал коды в мой текстовый редактор Atom с https://codepen.io/emiemi/pen/jAkvxV на рабочий стол, и теперь навигационное меню не работает, но работает прокрутка мыши. Как это исправить? Хотя запуск фрагме…
11 фев '19 в 02:39
1 ответ

Как использовать bootstrap scrollspy для проекта angular 7?

Я преобразовал базовую HTML-страницу с помощью компонента начальной загрузки scrollspy, и моя навигация не работает (без изменений при прокрутке страницы). Я установил bootstrap 4 с помощью команды ниже: npm install bootstrap Нет никаких изменений в…
14 фев '19 в 21:12