Почему разный offsetTop?

Question

[KlassT]

При скроллинге страницы offsetTop меняется. С чем это связяно? Из-за этого некорректно работает скроллинг к якорю
myxmarket.ru/Philips

Answer 1

[Larisa Moroz]

В соответствии со спецификацией, это свойство будет возвращать null в Webkit, если элемент скрыт (свойство style.display этого элемента или любого его родителя имеет значение "none") или если свойство style.position самого элемента установлено в "fixed" .

https://developer.mozilla.org/ru/docs/Web/API/HTML...

Comments

[KlassT]

Там цифра, но при скроллинге она разная. Пройдите по ссылке и посмотрите, выбрав любой блок

[Larisa Moroz]

KlassT: у каких элементов относительно чего вы считаете offsetTop ?

[KlassT]

Larisa Moroz: Допустим я делаю так:

$(window).scroll(function() {
        console.log($('#reviews').offset().top);
    });

[KlassT]

Larisa Moroz: И всегда разное значение

[Larisa Moroz]

jquery offset какие-то другие координаты берёт

попробуйте document.querySelector('#reviews').offsetTop

$(window).scroll(function() {
        console.log(document.querySelector('#reviews').offsetTop);
    });

[Larisa Moroz]

У вас в стилях стоит zoom для body, что сбивает с толку jQuery.offset()

dimensions may be incorrect when the page is zoomed by the user; browsers do not expose an API to detect this condition.

api.jquery.com/offset

[Никита]

$(window).scroll(function() {
        console.log($('#reviews').offset().top);
    });

не делайте так ) ваша функция вызывается на каждый проскроленный пиксель, используйте обертку debouce (тормозилка)

[Larisa Moroz]

Никита: в рабочем коде — разумеется, а это было в консоль на посмотреть. У автора топика оно только при клике проверяется.