javascript - ブラウザー ウィンドウの高さを追跡する Web ページにスクロール領域を作成するにはどうすればよいですか?

Question

SpineJS のドキュメントで使用されている種類のスクロール div を取得する方法を具体的に考えています。

http://spinejs.com/docs/ajax

ウィンドウのサイズを変更すると、右側 (および左側) のスクロール div の高さがウィンドウの高さに合わせて調整されることがわかります。

このトリックの重要な css 要素と js 要素は何ですか?

Answer 1

あなたが言及したWebサイトで使用されているソリューションはCSSのみです。

主な要素は次のとおりです。

CSSの位​​置

CSS行の高さ

CSS の高さ

CSSオーバーフロー

この実用的な例を見て、使用されている CSS を分析して、それがどのように行われているかを確認してください! また、上記のリンクを読んで、これらの CSS プロパティの詳細を知り、それらを組み合わせる方法を学んでください!

Answer 2

overflow: auto要素に css プロパティを使用しているようです。子コンテンツが親の境界を超えると、スクロールバーが追加されます。

また、要素自体は、上、下、右が 0px に設定された絶対位置に配置されます。