Какой jQuery плагин для запуска функции при прокрутке к элементу выбрать?

Question

[entermix]

Подскажите легкий jQuery плагин, который запустил бы определенные действия при прокрутке к указанному элементу.

Например есть блок #content, нужно запустить alert после того, как пользователь сделает вертикальную прокрутку к нему.

Еще лучше будет, если будет возможность указать количество px до того, как элемент появится на экране, т.е. например до появления на экране осталось 300 px, нам нужно показать alert

Answer 1

[Александр Таратин]

Популярное решение imakewebthings.com/waypoints

Comments

[entermix]

А не подскажете, можно ли стандартным функционалом как-то отключить многоразовое срабатывание?

[Александр Таратин]

entermix: Не знаю как стандартным, но можно использовать https://lodash.com/docs/4.16.4#debounce с небольшим интервалом (весь lodash подключать не обязательно - можно выцепить только одну функцию с помощью https://lodash.com/custom-builds )

[entermix]

Александр Таратин: спасибо, там есть метод disable(), думал можно как-то проще сделать это передачей параметра.

Answer 2

[iBird Rose]

это делается скриптом в пару строк через offset()

Comments

[entermix]

Например?

[iBird Rose]

entermix: например теперь гугли это и то что ниже написал Сергей Семенко и вникнув ты придешь к решению.

[entermix]

iBird Rose: Мне нужный готовый плагин вроде этого imakewebthings.com/waypoints

[Сергей Семенко]

entermix: так может им и воспользуетесь?

[iBird Rose]

entermix: все тебе ниже правильно обьяснили. вот пример когда алерт твой показывается когда не доходит 100px до content-4 https://jsfiddle.net/pLswt1hL/

[entermix]

iBird Rose: Спасибо

Answer 3

[Сергей Семенко]

https://api.jquery.com/scrollTop/

Comments

[entermix]

Это не то.

[Сергей Семенко]

entermix:

$(window).on('scroll', function () { console.log( $(this).scrollTop() ); });

[entermix]

Сергей Семенко: Вы наверное не правильно поняли мой вопрос.