Fade in & out content внутри div на прокрутке

Question

Мне нужно, чтобы какой-то контент появлялся (исчезал) и исчезал (исчезал) внутри div, прокручивая его с помощью BROWSER SCROLLBAR (а не полосы прокрутки внутри div), что делает его обратным, когда прокрутка (в цикле).

Эта ссылка показывает видео о том, что я точно имею в виду: https://youtu.be/6pSIGNe1yWg

Это выглядит довольно просто, но все примеры, которые я видел в Интернете, связанные с выявлением/скрытие содержимого в верхней/нижней части экран. Например, другие, например, тикеры новостей, зависят от полос прокрутки внутри div или кнопок для перемещения вверх/вниз по содержимому (http://logicbox.net/jquery/simplyscroll/vertical.html)

Итак, как выявить/скрыть содержимое внутри div в середине экрана/страницы при прокрутке вниз/вверх (назад) с помощью BROWSER SCROLLBAR?

Answer 1

То, что вы пытаетесь сделать, называется «прокрутка шпионажа» - по сути, происходит стрельба на основе того, где пользователь прокручивал страницу. Если вы ищете «jQuery scroll spy plugin», вы найдете много вариантов для его выполнения. Вот что выглядит перспективным: https://github.com/sxalexander/jquery-scrollspy

Удачи вам!