Как сделать функционал Dropdown событием onscroll?

Question

[Тю Вячеслав]

Добрый день. Подскажите пожалуйста: есть 5 дропдаунов, как я могу сделать так, что при скролле вниз, например, текущий дропдаун закрывался, а след открывался, а если скроллю наверх, то наоборот: текущий закрывается, предыдущий открывается, скролл в данном section должен блокироваться и чтобы они открывались/закрывались по очереди, а не хаотично

Comments

[Anonymous Penguin]

Тю Вячеслав, для этого можно было изменить вопрос, а не дополнять в комментарии

[Тю Вячеслав]

Anonymous Penguin, буду знать, благодарю

Answer 1

[Сергей delphinpro]

Разбейте задачу на части. а то накидали вопросов дофига.

>> скролл в данном section должен блокироваться

wheel/scroll - preventDefault()

>> при скролле вниз, например, текущий дропдаун закрывался, а след открывался

Тут зависит, какие у вас дропдауны. Допустим есть методы next/previous

тогда слушаем wheel и вызываем соответствующий

if (e.deltaY > 0) dropdown.next()
else dropdown.previous();

Или у дропдауна есть параметр currentIndex

if (e.deltaY > 0) dropdown.open(Math.min(dropdown.cussrentIndex + 1, dropdown.count))
else  dropdown.open(Math.max(dropdown.cussrentIndex - 1, 0);

Данных ноль. поэтому только предположения.

Comments

[Тю Вячеслав]

Понял, спасибо большое, совсем забыл про событие Wheel.