Если фиксированный элемент скроллится к статичному и их много?

Question

[Кирилл]

Добрый день!
Суть проблемы такова, что есть страница, на ней идут поочередные элементы:
.white
.black
.white
.black
....
Есть так же fixed елемент который должен меняться в зависимости от того к какому элементу добралась страница.
Вопрос:
Как собственно понять на каком блоке сейчас скролл, учитывая что их можно определять только через class/id?

Comments

[Dima Polos]

https://learn.javascript.ru/coordinates

Answer 1

[FeST1VaL]

Как вариант надо отслеживать позицию скролла и сделать точки перехода. Т.е если скролл прошел точку, то поменять его цвет

Comments

[Кирилл]

была такая идея, а как можно собственно реализовать эти точки?

if ( $(window).scrollTop() > block && $(window).scrollTop() < block + block.height()) {
....
}

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

[FeST1VaL]

Кирилл, ну есть много разных способов проверять позицию скролла... можно обойтись и одним классом _scroll-point например... и если через него скролл прошел, то меняешь состояние на противоположное... Можешь конечно еще сверять есть ли у этого же блока класс white и тогда задавать ему black...

Поищи библиотеки... мне просто сейчас не очень удобно искать)

[FeST1VaL]

Кирилл, Одна называлась вроде isInViewport

Answer 2

[Destell]

Получаете позиции элементов, позицию фиксированного блока, при скролле сравниваете их.

if ( $(window).scrollTop() > block && $(window).scrollTop() < block + block.height()) {
....

Копаете как раз туда