Height() jquery возвращает padding?

Question

[jorshjorsh95]

Всем привет, есть блок, абсолютно позиционирован, родитель фиксированно позиционирован..
$('elem').height() возвращает -32, padding у elem = 16

Как такое вообще может быть?
пример к сожалению не смог залить т.к не смог найти в каком месте конкретно ошибка, а лить всю страницу тоже не хорошо..

Мб кто-то сталкивался, буду благодарен за помощь)

UPD
Пример
https://codepen.io/anon/pen/ZyVWqW

Comments

[Dark Hole]

пример к сожалению не смог залить

Дальше можно не читать

[Demian Smith]

в том что вертикальные паддинги учитываются при вычислении высоты элемента нет ничего необычного. Это ожидаемое поведение. По описанию проблемы не понятно что там у вас творится. Так что без примера или внятного описания врядли вам помогут.

[jorshjorsh95]

Demian Smith: https://codepen.io/anon/pen/ZyVWqW
Вот, удалось найти и вырезать, посмотрите пожалуйста, если время есть

[Demian Smith]

jorshjorsh95: в комментарии выше я ошибся. Функция height() вычитает значения вертикальных паддингов. Вот и получается отрицательное значение. Вот тут показано что учитывается для вычисления высоты разными функциями www.texelate.co.uk/blog/post/91-jquery-whats-the-d... Я так предполагаю что в вашем случае лучше использовать outerHeight().

Но вообще, по-хорошему, желательно приучить себя обходиться без использования height(), width() и прочих вычислений при помощи жаваскрипта. По опыту вижу, что код, рассчитанный на их использование, постоянно приходится чинить и костылить.

Answer 1

[Максим]

.outerHeight() включает паддинги
https://codepen.io/anon/pen/yXGPQo

Comments

[jorshjorsh95]

не работает
https://codepen.io/anon/pen/ZyVWqW

[Kovalsky]

jorshjorsh95: возможно это происходит потому что вам посоветовали использовать outerHeight, а в приведённом вами примере всё еще height.

И кстати, прямиком из документации:

The value reported by .height() is not guaranteed to be accurate when the element or its parent is hidden. To get an accurate value, ensure the element is visible before using .height(). jQuery will attempt to temporarily show and then re-hide an element in order to measure its dimensions, but this is unreliable and (even when accurate) can significantly impact page performance. This show-and-rehide measurement feature may be removed in a future version of jQuery.

Вкратце: если элемент скрыт, то jQ конечно очень постарается, но может выдать и отрицательную высоту. К тому же в вашем примере элемент не просто скрыт, высоты вообще всех элементов равняются нулю.

[jorshjorsh95]

Никита Полевой: я пробовал и outerHeight, все так же

[Kovalsky]

jorshjorsh95: ага, именно поэтому я и дописал пояснение, в котором пишу что определять высоту у скрытого элемента это бессмысленная затея. К тому же у вашего элемента нет высоты. В вашем примере вообще у всех элементов нулевая высота.

[Максим]

Если элемент скрыт, у него нет высоты.

[Максим]

можно поменять display none на visibility hidden

[Максим]

вот так https://codepen.io/anon/pen/yXGPQo