javascript - Jquery: リスト要素が画面外に出たら非表示にする

Question

ページの左側にナビゲーション用のアイコンのリストがあります。ナビゲーションは、ページの高さの 100% に設定されています。

将来、さらにアイコンをリストに追加し、それらがページから消えてしまう場合は、重なっているアイコンを非表示にして、現在表示されている x 個のアイコンを非表示にし、2 番目の x 個のアイコンを表示するボタンを用意します。

基本的に今のところ私の質問は次のとおりです。アイテムのリストが画面からはみ出している場合、収まらない要素を見つけて非表示にするにはどうすればよいですか?

Answer 1

要素を取得してoffset()、ウィンドウの幅と比較できます。

たとえば、アイコンの垂直リストがあり、それらが表示されているかどうかを知りたい場合:

$('nav a').each(function(index)() {
    if ($(this).offset().top > $(window).height()) {
        $(this).hide();
    }
});