問題タブ [infinite-scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
11677 参照

jquery - 無限の水平スクロールを作成しようとしています-できればjqueryプラグインを使用してください

「The Killers」のウェブサイトhttp://www.thekillersmusic.com/html5#で使用されているような効果を作成しようとしています。サイトのコーディングの複雑さは私を超えていますが、それがどのように機能するかは好きです。

基本的には、Web コンテンツを配置できる水平方向のパノラマ背景のようなものが必要です。(素晴らしいパノラマ jquery プラグインを見つけましたが、大きな画像のように機能します)。

それから私はこのサイトを見つけました: http://unfold.no/ - これは無限の垂直スクロールを持っているようです -まさに私が探しているタイプの機能を備えています - しかし、彼らがどのようにそれをしたかを理解できるかどうかは気になります. 彼らはどうにかして Google Map API を使っているのでしょうか? または、独自のコードをゼロから作成しましたか?

私はjqueryがあまり得意ではないので、可能であれば微調整できるプラグインを好むでしょう。どんなアイデアでも大歓迎です。

ありがとうございました :)

0 投票する
7 に答える
41113 参照

javascript - プレーンな Javascript で無限スクロールを行う方法

コードを最小限に抑えるために jQuery や別のライブラリの使用を避けたいのですが、必要な機能はほとんどありません。ユーザーが一番下までスクロールしたときにリストに追加したいだけです。プレーンなJavascriptでこれを行うにはどうすればよいですか?

0 投票する
1 に答える
455 参照

cocoa - NSScrollView の documentView を CGFloat 範囲を超えてスクロールする

NSScrollView が CGFloat の 24 ビットを超えてスクロールする 32 ビット ビルドで問題が発生しています (32 ビットではフロート、64 ビット ビルドではダブル)。

documentVisibleRect の描画が常に有効な座標を使用するように、「画面サイズ」(つまり、フロート範囲) の documentView と int64 オフセット (または同様のもの) を指定する方法はありますか?

...または、ここで本当に基本的なものが欠けていますか?

また、(ちょっと興味があります)、ストリート レベルにズームされた現実世界の地図のようなものを無限にスクロールするにはどうすればよいでしょうか。

0 投票する
1 に答える
1126 参照

iphone - UIWebViewsを含む「InfiniteUIScrollView」

背景:

まず、背景。3ページ(0、1、2)の幅のUIScrollViewを使用して「無限スクロールビュー」を作成し、スクロールされていないときにUIScrollViewが常にページ1の中央に配置されるようにしました。ページ0またはページ2のいずれかにスクロールし、UIScrollViewDelegateがスクロールの終了を検知すると、3つのページすべてのコンテンツが最初にスクロールした方向に切り替わり、次にUIScrollViewが即座にページ1に戻り、効果をシミュレートします。無限のページストリームをスクロールし続けることができます。

最初は、UITextViewを使用して各ページのテキストコンテンツを表示していましたが、テキストのスタイル設定に関しては、すぐにもっと柔軟なものが必要になりました。したがって、表示したいスタイル付きHTMLコンテンツを含むNSStringをロードするUIWebViewを使用することになりました。これは完璧に機能し、私が望んでいたとおりに機能しました。

問題:

当然、UITextViewに静的テキストをロードするよりも、UIWebViewに単純なHTMLページをロード、解析、および表示するのに時間がかかります。このため、どの方向にスクロールしても、スクロールビューが自動的に戻り、ページのコンテンツが切り替わると、新しいコンテンツが表示される前に、古いコンテンツを10分の1秒間ヒントすることができます。

私の解決策(それはうまくいきませんでした):

ドキュメントでUIWebViewDelegateを検索したところ、ページの読み込みが完了するとイベントが発生することがわかりました。私はこれを行うためにこれを接続しました:

  1. ユーザーは1ページから2ページにスクロールします。
  2. UIScrollViewDelegateはscrollViewDidEndDeceleratingを呼び出し、ページ1にそのコンテンツを現在ページ2に表示されているのと同じコンテンツに切り替えるように指示します。
  3. ページ1のUIWebViewDelegateはwebViewDidFinishLoadを呼び出し、UIScrollViewにページ1に戻ってから、ページ0と2のコンテンツを切り替えるように指示します。

私の頭の中では、これでこの問題は解決しますが、それでもまだ十分ではないようです。したがって、私はあなたに助けを求めます。何か案は?私はすべてのメソッドにNSLogを持っていて、それらが呼び出されていることを確認したことを言及する価値があるかもしれません。他にご不明な点がございましたら、お気軽にお問い合わせください。

前もって感謝します!

UIScrollViewを含むViewController:


UIScrollViewに個別のページとして表示されているサブビューのViewController

0 投票する
2 に答える
17856 参照

jquery - jQuery Infinite Scroll - スクロールが速いとイベントが複数回発生する

さて、以下のコードは、ページの一番下までスクロールすると AJAX 関数が起動され、結果がページの #postswrapper div に追加されるという点で「機能」します。

問題は、ページの下部に到達したときに非常に速くスクロールすると、AJAX が数回起動し、いくつかの結果セットを #postswrapper div にロードすることです (追加の「不要な」結果の数は、追加のスクロールの数によって決まります)イベントはすばやくスクロールすることによって発生しました)。

最終的には、ユーザーが一番下に到達するたびに 1 セットの結果を提供するだけで済みます。タイマーなどを追加しようとしましたが、役に立ちませんでした。明らかに、追加のスクロール アクションを DOM に格納し、その後、それらを順番に実行しています。

何か案は?

それが誰かを助けるなら、私はjquery.1.4.4.jsを使用しています。とにかく、この状況では e.preventDefault() は機能しません。

0 投票する
0 に答える
1292 参照

php - jQueryのプラグインを使った無限スクロールのtwitterスタイル

Twitterのようなスクロールを実現するために、jQueryのプラグインを使用しようとしています。つまり、一番下に到達すると、ボタンをクリックすると次のページが読み込まれます。基本的なコードを追加しました:

ページが読み込まれると、前のスクリプトが実行されます。これは私のビューコードで、「投稿」になる各アイテムは「メッセージ」クラスです。

これを実装する方法がまったくわかりません...この拡張機能の使用方法。使ったことある人いますか?

0 投票する
1 に答える
1054 参照

jquery - jQuerySimplyScrollで複数の行を取得するにはどうすればよいですか?

(別の順序付けされていないリストを作成せずに)単純なスクロールで1行ではなく4行を取得するにはどうすればよいですか?

このようなもの、4行、無限にスクロールする2つの画像を作成したい:http: //img109.imageshack.us/img109/8131/unled1wfk.jpg

私はこのコードを持っています:

このcssで:

0 投票する
3 に答える
3098 参照

android - AndroidのHorizo​​nzalScrollViewの無限リストビュー

私はAndroidアプリを開発していますが、そのユースケースの1つは、次の状況を表示することです。

  1. リンクのリストがあります(L)。これらの各リンクは、インターネット上の画像のURLです。
  2. (L)の各画像をダウンロードして、ListViewに表示する必要があります。ListViewには、画像を挿入できる2つの行があるはずです。このアプリに似たようなことをしたいです;
  3. 写真をHorizo​​ntalScrollViewに表示する必要があります。
  4. 写真はオンデマンドでダウンロードする必要があります。つまり、Horizo​​ntalScrollViewがこの写真を表示する位置にあるときに、スレッドを使用して写真をダウンロードするだけです(この状況と同様)。

私の質問:

  1. ListViewをHorizo​​ntalScrollViewに挿入することは可能ですか?(はいの場合、どうすればよいですか?)
  2. どうすればHorizo​​ntalScrollViewを使用できますか?つまり、ScrollView内でListViewを使用する方法に違いはありますか?

  3. 同じ目的を持つプラグイン/プロジェクトを知っていますか?

0 投票する
2 に答える
12190 参照

javascript - Tumblrの無限横スクロール

Tumblr に詳しい方がいるかどうかはわかりませんが、私は単純に水平方向の無限スクロールを実現しようとしています。垂直方向の無限スクロールは見つけやすいです。

今、私はjsfiddleで見つけました:

jsfiddle.net/URCwd/20

残念ながら、それを Tumblr HTML に組み込む方法がわかりません。

誰か助けてくれませんか?

0 投票する
1 に答える
1121 参照

extjs - sencha touchモバイルアプリでバッファリングされたコンテンツを無限に(最後まで)表示

sencha touch モバイル アプリに表示するかなり長いリストがありました。リストの内容のせいで、アプリはかなり重かったのですが 、効率が大幅に向上したこの素晴らしいツールを見つけました。しかし、このライブラリに伴う問題は、最初の 70 項目が表示され、下にスクロールしても何も表示されません。対処した人いますか。私にお知らせください。

以下は、シミュレーションに役立つテストコードのサンプルです。