Проблемы с offsetTop при применении поля HTML

Question

если я установлю этот CSS

html {
    margin: 10px;
    border 10px solid #ccc;
    padding: 10px;
}

и затем попытаюсь получить offsetTop какого-либо элемента, можно ли убедить браузеры (IE и CH) не игнорировать документ margin в расчете?Firefox работает как ожидаемые значения отчетности в соответствии с отображаемым HTML (использует все три значения).

Существует ли быстрый кросс-браузерный способ вычисления offsetTop, когда offsetParent фактически BODY.К сожалению, jQuery .offset() не справляется с этой задачей: (* ​​1014 *

Answer 1

Этот код заставит вас задуматься и начать.

Идея состоит в том, чтобы использовать функцию HTMLElement.getBoundingClientRect(), которая поддерживается всеми основными браузерами в наши дни (и уже довольно давно).Единственное различие, которое я обнаружил, было при запуске его против элемента document.documentElement.FF и Chrome сообщают не нижние значения в соответствии с портом просмотра, а скорее для всего документа.

Так что будьте осторожны.