Почему при скролле выводится разное значение для .offset().top (и .position().top — тоже)?

Question

[sorry_i_noob]

Есть такой код:

$(document).on('scroll', function () {
    console.log($('.page-item__breadcrumbs').offset().top)
    console.log($('.page-item__breadcrumbs').position().top)
});

Он выводит:

script.js:401 210.00000762939453
script.js:402 210.00000762939453
script.js:401 210
script.js:402 210
script.js:401 209.99999618530273
script.js:402 209.99999618530273
script.js:401 209.9999942779541
script.js:402 209.9999942779541
script.js:401 209.9999885559082
script.js:402 209.9999885559082
script.js:401 209.99998474121094
script.js:402 209.99998474121094
script.js:401 210.00000762939453
script.js:402 210.00000762939453

Почему значения разные, если скроллится документ, а элемент .page-item__breadcrumbs стоит на месте?

Answer 1

[historydev]

Уберите событие скролла и добавьте клик по элементу.Увидите реальное значение.
Скорее всего у вас что-то с слушателем.

Comments

[sorry_i_noob]

Мне не нужно реально значение. Просто интересно, почему так происходит.

[historydev]

sorry_i_noob, потому, что есть скорее всего осечка при скролле.Возможно баг кэша, попробуйте в инкогнито.

[sorry_i_noob]

HistoryART, в режиме инкогнито то же самое.

[historydev]

sorry_i_noob, я считаю что это осечка браузера, при скролле блок смещается, попробуйте задать position: fixed.