Почему scrollHeight равен undefined?

Question

[Владимир Голубь]

Верстка

<div class="text-column-ru">
    <div class="text-column-ru__inner" id="text-column">
    Контент
    </div>
</div>

Sass стили

.text-column-ru {
  font-family: "Cambria", sans-serif;
  height: 600px;
  font-size: 18px;
  overflow: hidden;
  margin-left: 80px;

  &__inner {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    box-sizing: content-box;
  }

Код JS
console.log($("#text-column").scrollHeight);

Answer 1

[0xD34F]

Потому что в jquery ничего такого нет, это свойство элемента. Которое получить можно так:

$('#text-column').prop('scrollHeight')
// или
$('#text-column').get(0).scrollHeight
// или
$('#text-column')[0].scrollHeight

Comments

[Ярослав Иванов]

get это же ajax. Или я чего-то не знаю?)

[0xD34F]

Ярослав Иванов, чего-то не знаете.

[Владимир Голубь]

0xD34F, а как исправить то, что он показывает величину высоты родителя ?

[0xD34F]

Владимир Голубь, тут нечего исправлять, всё правильно. Проблема у вас в голове - вы не очень хорошо понимаете, чего хотите.

[Владимир Голубь]

0xD34F, убрал растягивание на проценты и все стало отлично