Как отрабатывают скрипты в js?

Question

[Владимир Ионенко]

$(window).on('scroll', function(){
console.log('scroll');
});

Вопрос заключается в следующем. При первой загрузке страницы событие scroll не отрабатывает.
Но если немного проскролить страницу и обновить ее, то событие сработает. После обновления страницы событие так же сработает. Но если выполнить жесткую перезагрузку с очисткой кеша, то событие снова не отработает. С чем это связанно и в какую сторону рыть ? Заранее спасибо.

Answer 1

[Сергей delphinpro]

scroll не будет отрабатываться, если смещения страницы не было.
При обновлении страницы все браузеры имеют функцию сохранения позиции страницы, а это смещение в нужную позицию, а значит событие скролла.

Вы можете самостоятельно сгенерировать это событие

$(window).on('scroll', function(){
  console.log('scroll');
}).trigger('scroll');

Или выполнить необходимые действия при загрузке

function onScroll() {
  console.log('scroll');
}
$(window).on('scroll', onScroll);
onScroll();

Answer 2

[yakupov112]

https://codepen.io/anon/pen/GBRMwP

Answer 3

[Виктор П.]

В каком месте вызывается данный код?
Попробуйте встроить его в онлоад:

$(function() {
    $(window).on('scroll', function(){
       console.log('scroll');
    });
});

Answer 4

[Vlad]

При первой загрузке страницы скроллбар не крутится - событие не вызывается, все ок.
При повторной загрузке - браузер сам запоминает позицию скролла и докуручивает страницу после ее загрузки. Потому событие скролл есть. Стреляйте событие вручную или после загрузки вызывайте обработчик, отвечающий за логику при прокрутке.