javascript - クライアント画面に応じてWebユーザーコントロールを配置する方法

Question

asp と Ajax コントロールを使用して、複数列のコンボ ボックスを作成しています。それは完全にうまく機能します。javascriptを使用して、クライアント画面とページ上のユーザーコントロールの位置に応じて、ドロップダウンのサイズと場所を設定するにはどうすればよいですか?

Answer 1

.style.left、style.topなどの要素のプロパティと要素の.scrollHeightを使用する必要がありますdocument.body。サイズについては、 と を使用.style.heightし.style.widthます。

position:absolute要素は、CSSでスタイル設定する必要があります。親を としてスタイリングすることにより、親に対する絶対位置を作成できますposition:relative。

次に、Javascript は次のようになります。

yourelement.style.top= document.body.scrollHeight + 100 + 'px';

...要素の上端をウィンドウのスクロールされた高さから 100px に配置します。

---

各要素の絶対位置と位置は、次を使用して制御できます。

yourelement.style.top = ...'px';
yourelement.style.bottom = ...'px';
yourelement.style.left = ...'px';
yourelement.style.right = ...'px';

yourelement.style.width = ...'px';
yourelement.style.height = ...'px';

さまざまな高さと幅を取得するには、、または (ブラウザによって異なります) を使用document.scrollHeightできdocument.documentElement.scrollHeightますdocument.body.scrollHeight。これらにもあり.scrollWidthます。