css - 部分的にオーバーフローする要素を完全に非表示にする CSS のみの方法はありますか?

Question

ブラウザー ウィンドウの高さのパーセンテージである高さを持つ要素があるとします。この要素には、多数のブロック要素が含まれています。

次のようなものを使用する方法はありますがoverflow: hidden、最後のブロック要素がオーバーフローした場合に部分的に隠されるのではなく、完全に隠されていることを確認してください。

(これは JavaScript で行うのは非常に簡単ですが、スタイルシートでこれを解決したいと思います。)

Answer 1

以前のバージョンの Internet Explorer のみを開発している場合 (expression() を使用) でない限り、純粋な CSS でこれを行う方法は基本的にありません。

基本的に、スタイル シート内で JavaScript を実行することはできなくなりました (これは、スタイル シートですべてを実行する唯一のオプションでした)。

ただし、Jqueryで行うのはそれほど難しくありません: http://jsfiddle.net/bernie1227/wCx9N/

このソリューションは、基本的に次のものを利用するだけです。

pageWidth - (elementWidth + elementLeft) < 0

要素がオーバーフローしているかどうかを確認するため。