JavaScript установлен scrollHeight

Question

В JavaScript, как правильно установить scrollHeight одного элемента на значение другого элемента? Прямое назначение не имеет никакого эффекта. Спасибо, Грег

Answer 1

Это невозможно напрямую. ScrollHeight - это свойство только для чтения, которое содержит общую высоту содержимого элемента в пикселях.

Если есть элемент A и вы хотите, чтобы элемент B имел тот же scrollHeight, что и элемент A, сделайте так, чтобы элемент B имел единственный дочерний элемент DIV (переместите все предыдущее содержимое элемента B как дочерние узлы DIV), который установить на:

width : 100%;
overflow : hidden;

и с помощью javascript установите высоту DIV в scrollHeight элемента A (в пикселях):

document.getElementById('B').childNodes.item(0).style.height = document.getElementById('A').scrollHeight + 'px';