jquery - スクロールしながらデータをロードする方法

Question

今のところ、私はこのようなものを作りました：チュートリアル@ 9lessons.info

ウィンドウを下にスクロールしながらデータをロードし、正常に動作します。しかし、私は次のようなものを取得しようとしています：when you scroll a div, then it loads the data.

data download私がこれを理解するのを手伝ってください、またはあなたがdivをスクロールしている間にこれを行う方法を説明し、これをDOMに追加するチュートリアルのようなものがあるリンクに私を導いてください。

Answer 1

考えられる解決策はたくさんあります。たとえばscrollTop、ドキュメントの を取得し、それが に到達すると、ページheight of the documentのviewport height下部にいることがわかります。これが、teletubbie-pseudo-code のカスタム アプローチです。しかし、 jQueryとTwitter ブートストラップ #scrollspyを組み合わせて使用​​できるかもしれません。

また、これを見つけました: ユーザーが下にスクロールしたときにコンテンツをロードするにはどうすればよいですか? ユーザーのスクロールに基づいてWebページのコンテンツをロードする方法を参照している可能性のある重複があります.

コメントのどこに次のリンクがありますか。

• http://gbin1.com/technology/jquerynews/20111017jquerypluginwaypoints/infinite-scroll/
• http://www.appelsiini.net/projects/lazyload
• http://johnpolacek.github.com/scrollorama/

多分それは何らかの形であなたを助けることができます. ちょっと気になったのですが、自分で Google で検索したことはありますか?

編集: Smashing Magazine の facebook ページでこの記事を見つけました。興味深い読み物になるかもしれません。

Answer 2

サーバー上の PHP には、ページ ソースを提供した後にクライアント UI 内で何が起こっているかという概念がまったくないため、PHP だけでこれを行うことはできません。