6

次のマークアップ構造があります。

<div class="content-wrapper">
    <div class="content">...</div>
    <div class="content">...</div>
    <div class="content">...</div>
</div>

現在、クラスはページのクライアント領域全体の高さcontent-wrapperのみを持つように設定され、本体が収まらない場合はスクロールバーを持つように設定されています。内部の divは何度でも使用できることに注意してください。それで、質問は完全にスクロールされているかどうかを確認するにはどうすればよいですか?80%overflow-yautocontentcontent-wrapper

ヒント：

動的に読み込まれるニュース フィードを想像してみてください。コンテナが完全にスクロールされると、新しいコンテンツがフェッチされ、コンテナの本体に自動的に追加されます。

4

4 に答える 4

1

コンテンツなしで最後に div を追加してみることもできますが、高さを与えるだけです。そして、その div がビューポートにあるかどうかを確認します。そうであれば、スクロールの終わりに到達したことを意味します。要素が表示されているかどうかを確認するための優れた jQuery プラグインを次に示します。http://remysharp.com/2009/01/26/element-in-view-event-plugin/

それが役に立てば幸い。

于 2012-11-04T11:23:12.213 に答える
0

次のようなことができます：

var top = $('.content-wrapper').scrollTop();
var height = $('.content-wrapper').height();
if(top==height) {
//load more data
}
于 2012-11-04T11:26:23.247 に答える