Отличие в расчетах js в обычном окне браузера и в окне разработчика?

Question

[steklovatnik]

Есть хедер, когда я тыцаю по ссылке, то через window.scroll попадаю к нужному якорю, после чего у меня отрисовывается уже "прилипший" к верху страницы хедер.
Проблема: все работает, если через f12 открываю панель разработчика, на любых значениях ширины экрана, когда ее закрываю - хедер не появляется. В чем может быть дело?
window.scroll или window.pageYOffset или что-то еще может работать иначе в разных режимах отображения браузера?
браузер хром.

window.onscroll = (e) => {
   // если расстояние от верха страницы равно верхней границе якоря, значит мы приехали 
//и можно запустить прочие функции (значение topVal округлено до целого )
      if (window.pageYOffset === topVal) {
        headerScrolling();
        scrollControl();
        window.onscroll = null; // remove listener
      }

Comments

[Lynn «Кофеман»]

Кроме `===` есть `>=` и `<=` и не нужно заниматься охотой за пикселями…

[steklovatnik]

Lynn «Кофеман», а как бы вы сделали, в случае приблизительного сравнения, типо +- 5px?

Answer 1

[steklovatnik]

В общем, округлил значение window.pageYOffset и вроде заработало, интересно, что в режиме разработчика это значение ни разу не было дробным, видимо округлялось само)

Comments

[Евгений]

Странное поведение. Такого точно не должно быть.
Скинь ссылку на сайт глянуть?