Можно ли при скролле добавлять прозрачность блоку, что теряет прозрачность при нажатии на другой блок и прокрутке к соотв. блоку на сайте?

Question

[UtkaDuck123]

Можно ли ,при сролле,добавлять опасити хидеру,что теряет опасити при нажатии на блок «меню» и прокрутке к соотв.блоку на сайте?
При нажатии на ссылку "меню" происходит прокрутка до соответствующего блока на сайте и на хидер применятется анимация,что сводит опасити на 0.После еще одной прокурутки,но уже в ручную (пользователем) опасити должно вернуться на 100.Не могу понять,как это можно реализовать,поскольку ,если прописать window.addEventListener("scroll",()=>{ и т.д. то опасити не пропадет,из-за того ,что скролл осуществляется автоматически(при на жатии на слово "меню").P.s:скролл через #-ссылку

Answer 1

[Воващ]

Да, можно

логично что тебе надо вешать клик на меню, где при нажатии добавлять анимацию, далее искать расположение блока

toBlock = document.querySelector(hash).getBoundingClientRect().top

потом уже делать скролл.

А потом уже применять скролл => вручную листают наверх покажем header, вниз покажем что-то другое

window.addEventListener('scroll', () =>{
        if(document.documentElement.scrollTop > 1650){

        }else{

        }

Comments

[UtkaDuck123]

Спасибо,но я хотел сделать немного иначе.Пользователь в нав-баре кликает "меню", происходит плавный скролл до этого блока и шапка исчезает.Далее,если пользователь делает скролл вверх или вниз (просто осуществляет какую-либо активность),то хидер становится видимым.Можно ли сделать так, а не привязываться к определенному разрешению.

[Воващ]

UtkaDuck123, да просто убрать условие

по клику он приехал на hash, потом сделал любой скролл и header стал видимым

про плавный скролл отвечал тут https://qna.habr.com/q/806651?e=9611877#answer_ite...