Javascript-форум - Высота скрытого содержания в теге, если для него установлено overflow:hiden;

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Высота скрытого содержания в теге, если для него установлено overflow:hiden; (https://javascript.ru/forum/misc/6751-vysota-skrytogo-soderzhaniya-v-tege-esli-dlya-nego-ustanovleno-overflow-hiden%3B.html)

Высота скрытого содержания в теге, если для него установлено overflow:hiden;

Подскажите, пожалуйста, свойство для определения высоты содержимого тега, если оно частично скрыто при помощи overflow:hidden;

Код:

<div style="overflow:hidden; height:10px;" id="teg1">

текст текст текст

<p>

текст текст текст текст

</p>

<div><img src="image.gif" /></div>

</div>

Высота видимой части тега <div> с id="teg1" определяется как document.getElementById("teg1").offsetHeight. В данном примере она будет равна 10px. Хотя в теге содержится много текста и картинка, но offsetHeight возвратит размер видимой части тега. Но есть ещё скрытое содержание тега, скрываемое при помощи указания overflow:hidden;Как можно узнать высоту всего содержимого тега <div id="teg1">..</div>, даже если оно не отображается в браузере?

почему бы не добавлять overflow: hidden после того, как выяснишь высоту?

Цитата:

Сообщение от x-yuri

почему бы не добавлять overflow: hidden после того, как выяснишь высоту?

высоту не выяснить пока не применишь код в DOM.. а если применять без хиддена, то получится мерцание контента и т.п., я лично обхожу следующим образом, если элемент скрыт (display: none): visibility: hidden, display: fixed; узнаю высоту/ширину, восстанавливаю display, visibility;

ну тогда уж display: none, узнаем высоту, а потом display: block; overflow: hidden. Хотя все равно контент будет перемещаться. display: fixed, кстати, не везде работает ;)

а вообще все от ситуации зависит, о чем, надеюсь ТС нам сообщит. Типа, "когда нужно узнать высоту?" и "критично ли изменение расположения элементов на странице?"

Цитата:

Сообщение от x-yuri

у тогда уж display: none,

неузнаешь. при display: none элемент не имеет высоты и ширины.

Цитата:

Сообщение от x-yuri

display: fixed, кстати, не везде работает

не display, а position: fixed; перепутал. А на счет не все поддерживают - опять ие6 ? он с ие7 поддерживается.

Цитата:

Сообщение от PeaceCoder

неузнаешь. при display: none элемент не имеет высоты и ширины.

При visibility:hidden узнаешь.

Цитата:

Сообщение от B~Vladi

При visibility:hidden узнаешь.

А я что написал в посте? выше этого ответа?

var o = document.getElementById("teg1");
alert(/**/o.scrollHeight - o.clientHeight/**/)

Цитата:

Сообщение от PeaceCoder

А я что написал в посте? выше этого ответа?

Аха, туплю:)

да тут по-моему все протупили, кроме subzey. Правда непонятно, зачем вычитать clientHeight, так что может и все :)

Цитата:

Сообщение от PeaceCoder

опять ие6 ?

естественно, неужели так сложно переместить элемент за верхний левый край?