Здравствуйте!
Нашел в учебнике learn.javascript.ru сниппет, который растягивает контейнер на всю высоту содержимого:
<div id="scrollOpen" style="width: 300px; height: 100px; overflow-y: scroll;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum, magnam, cupiditate, iste blanditiis repellendus quaerat nisi laudantium ipsam culpa quae beatae ratione minus animi reiciendis laboriosam tenetur consectetur alias minima veniam eum aperiam nam repellat officiis quia itaque suscipit corporis nesciunt mollitia est. Nihil, mollitia, quidem, impedit, et facilis cumque corrupti tempora accusantium molestiae voluptate vero totam voluptatem. Ab cupiditate repellat ea error dicta quia nobis vitae ducimus! Ipsam laborum adipisci rem possimus quam. Consectetur, id, vitae obcaecati veniam at in dicta earum dolores doloremque fugiat laboriosam ipsum facilis officia ullam mollitia voluptatem iste molestias non labore assumenda quasi ex.</div><br>
<br>
<button onclick="document.getElementById('scrollOpen').style.height = document.getElementById('scrollOpen').scrollHeight + 'px'">Развернуть на высоту содержимого</button>
Работает прекрасно.
Пример на
jsfiddle
Применяю этот же сниппет для растягивания iFrame:
<iframe id="iFrameOpen" style="width: 100%; height: 100px;" src="https://www.w3.org/TR/css-color-4/"></iframe>
<button onclick="document.getElementById('iFrameOpen').style.height = document.getElementById('iFrameOpen').scrollHeight + 'px'">Развернуть на высоту содержимого</button>
Не срабатывает (в стили iframe не добавляется высота).
Пример на
jsfiddle
Почему? Ведь все правильно написано.
Спасибо!
