JavaScript сохраняет боковую панель и основной элемент одинаковой высоты в жидкой компоновке

Question

JavaScript сохраняет боковую панель и основной элемент одинаковой высоты в жидкой компоновке

0

ОК, так вот код, который у меня есть до сих пор.

var h = document.getElementById("main").offsetHeight;
 document.getElementById("sidebar1").style.height = h + "px";

Он работает в стандартной компоновке, но мне также нужна высота для перенастройки, когда размер экрана изменяет макет, например, от портретного до ландшафта на планшете или в сценарии, где задействован бесконечный свиток, высота боковой панели должна увеличиваться. Я прокручиваю вниз по странице.

Есть идеи?

благодаря

Chozen 19 янв. 2014, в 18:53

Источник

0

Это может помочь: stackoverflow.com/questions/13909864/…
David Sherret 20 янв. 2014, в 21:23

Теги:

javascript

jquery

infinite-scroll

1 ответ

Ещё вопросы

Это может помочь: stackoverflow.com/questions/13909864/…

Chi Row · Answer 1 · 2014-01-19T16-35-00.000Z

Попробуйте это и посмотрите, работает ли это. Window.onresize должен покрывать портретный пейзаж. Window.onscroll должен покрывать бесконечный свиток.

Window.onresize = resize;
Window.onscroll = resize;

function resize() {
  var node = document.getElementById("main");
  var h = window.getComputedStyle(node,null).height;
  document.getElementById("sidebar1").style.height = h;
};

"Sidebar1" должен соответствовать "main". Метод getComputedStyle не поддерживается в более старом IE (<9).

Я сделал твой код, не повезло. Высота не регулируется.
Что вы видите для переменной 'h' при отладке? 'H' показывает правильное значение высоты?