2

私は経験豊富なプログラマーですが、Web 開発は私にとってまったく新しいものです。したがって、この質問はあなたにとって簡単な方法かもしれません。

私はお互いに2つのdivを持っています。leftdiv と rightdiv と言います。rightdiv を少なくとも leftdiv と同じ高さにしたいのですが (視覚的な理由から)、それより高いかもしれません。leftdiv はサイズを変更しませんが、rightdiv は変更する場合があります。leftdiv を頻繁に編集するので、rightdiv の min-height をハードコーディングしたくありません。したがって、rightdiv の min-height を leftdiv の高さと同じ高さに設定するスクリプト (javascript など) が必要です。

どんな提案でも大歓迎です。

ありがとうございました

4

2 に答える 2

1

本質的に、leftdiv の高さを変更する何かを行うたびに、rightdiv の最小の高さを更新する必要があります。

rightDiv.style.minHeight = leftDiv.style.height

minHeight左の div の高さを変更するために何をしているのかわかりませんが、後で右の divを更新できる限り、問題ありません。私はあなたのために完全なパターンをモックしました。

jQueryで。デモ

$(function() {
  var changeLeftHeight, leftDiv, rightDiv;
  leftDiv = $('#leftdiv');
  rightDiv = $('#rightdiv');
  changeLeftHeight = function(callback) {
    leftDiv.css({
      height: Math.random() * 200
    });
    return callback();
  };
  return setInterval(function() {
    return changeLeftHeight(function() {
      return rightDiv.css({
        minHeight: leftDiv.height()
      });
    });
  }, 500);
});

jQueryなし。デモ

window.onload = function() {
  var changeLeftHeight, leftDiv, rightDiv;
  leftDiv = document.getElementById('leftdiv');
  rightDiv = document.getElementById('rightdiv');
  changeLeftHeight = function(callback) {
    leftDiv.style.height = Math.random() * 200 + 'px';
    return callback();
  };
  return setInterval(function() {
    return changeLeftHeight(function() {
      return rightDiv.style.minHeight = leftDiv.style.height;
    });
  }, 500);
};
于 2013-07-26T19:18:53.760 に答える