Witam. Może zacznę od kodu:
function btnOnOff()
{
if(window.innerWidth >= 1024 && window.scrollY < 200)
btn.style.setProperty("visibility", "hidden");
else
btn.style.setProperty("visibility", "visible");
}
btnOnOff();
setInterval(btnOnOff, 1);
const a = getComputedStyle(btn);//Na razie test. Jakby co to out
console.log(a.visibility);
Jak widać w powyższym kodzie, kiedy tylko przy szerokim oknie przeglądarki (powyżej 1024px) strona zostanie zescrollowana o 200px, to przycisk "hamburger" (który jest zwykłym <buttonem> w DOM) ma znikać. I Tak się dzieje - ta część działa bez zarzutu. Problemem jest natomiast to, że przy odczycie własności visibility poprzez getComputedStyle() czasem pobrana zostaje nieprawidłowa wartość. Dodam, że ten problem zauważyłem u mnie tylko na Mozilli, na Chromie póki co wszystko działa dobrze.
Pytanie brzmi: czy możliwe, że Firefox czasem zamiast pobierać właściwości elementów ze strony, wczytuje sobie ich ostatnie wartości z cache, żeby cośtam przyspieszyć, czy jakoś tak? A jeżeli powód jest inny to prosiłbym o wyjaśnienie, bo jak dla mnie to trochę dziwne zachowanie przeglądarki, zwłaszcza, że getComputedStyle() ma pobierać to co się wyrenderowało a nie jakieś śmieci z pamięci podręcznej.
Z góry dzięki za pomoc, bo walczę z tym już cały dzień