(20)私はAJAX経由で要素をロードしています。それらの一部は、ページを下にスクロールすると表示されます。要素が画面にスクロールしたかどうか、つまり上端にあるかどうかを調べるために使用されます。docViewTop));}jQueryウェイポイントのプラグインはここでとてもうまく行きます。entry.');});プラグインのサイトにはいくつかの例があります。WebResourcesDepotは、以前はjQueryを使用するスクロール中に読み込むスクリプトを作成しました。ここで彼らのライブデモを見ることができます。});};isScrolledIntoViewは非常に必要な関数なので、私はそれを試しました、それはビューポートよりも重大ではない要素に対して機能しますが、要素がビューポートとして大きければ動作しません。これを修正するには、条件を簡単に変更します。http://jsfiddle.net/RRSmQ/ここでのほとんどの答えは、ページ全体だけでなく、divの視野からスクロールされているため、要素を隠すこともできるということを考慮していません。その可能性をカバーするには、基本的に要素がその親のそれぞれの範囲内にあるかどうかをチェックする必要があります。visibleInAllParents;};また、各方向に何パーセント表示する必要があるかを指定することもできます。hiddenような他の要因によって隠されている可能性はカバーしていません。getBoundingClientRectのみを使用するため、すべての主要なブラウザで機能するはずです。11で個人的にテストしました。+を使用してさらに簡単に簡略化できます。window.innerHeight}ウィンドウの上を出ないよう気にしないで、下を見ただけで気にしないと、これは次のように単純化できます。window.innerHeightこれは、Mootoolsを使って、水平、垂直、または両方で同じことを実現する方法です。docViewTop));}シンプルユーティリティ関数これは、あなたが探している要素を受け入れるユーティリティ関数を呼び出すことができ、要素を完全に見えるようにするか、部分的に表示させるかを指定します。containerHeight);}注:要素がスクロール可能なdivより大きい場合、これは機能しません。スクロール可能なコンテナ内に隠されている場合にも機能する、私の純粋なJavaScriptソリューションです。2016-03-26:要素をスクロールしてスクロール可能なコンテナの上に隠されるように、ソリューションを更新しました。2018-10-08:画面の上をスクロールして表示されないときに処理するように更新されました。}受け入れられた回答を変更して、要素の表示プロパティを、表示可能な品質の「なし」以外に設定する必要があります。APIを使用すると、ビューポートに要素が表示されているかどうかを簡単かつ効率的に判断できます。scrollイベントをアタッチし、イベントコールバックを手動で確認する必要がなくなります。jQueryがプラグインとして表示されることです。魅力のように動作します。要素が表示にスクロールしたり、ユーザーに表示されたりしたときに発生するカスタムの「表示」イベントを模倣します。world');});このプラグインは、隠されているか、可視領域外にあるコンテンツに対する不要なリクエストを防止するために使用できます。低速のモバイルで1000個の要素に対して10ミリ秒未満のチューンまで)。自動生成された巨大なテストスイートは、宣伝されたcross-browserとして動作することを保証します。jQuery.isInView。それ以外の場合は、ソースコードでインスピレーションを得るかもしれません。viewあなたはeaslyこのようなコードをscrollイベント機能などの中に追加して、ユーザがビューをスクロールするたびにチェックすることができます。私は、要素がすぐに見えるようになるかどうかを調べる方法を探していました。上にスニペットを拡張することによって、それを行うことができました。}要素が75%可視かどうか(つまり、その25%未満が画面から外れているかどうか)を確認するためのこの回答に基づく例です。"チェック"に設定していますか?jQueryでチェックボックスがチェックされているかどうかを確認するには?文字列にJavaScriptで部分文字列が含まれているかどうかをチェックする方法ユーザーが下にスクロールしたかどうかを確認するJavaScriptの配列から特定の要素を削除するにはどうすればよいですか?要素へのjQueryのスクロールjQueryの背景がある場合、「AngularJSで考える」?日本語Top。