2

[Twitter のような - LazyLoad] コメント ページを自分の Web サイトに作ろうとしています。[サーバー側用] PHP を使用してこれを行うプラグインをたくさん見つけました。

私が試した:SausageJquery4uInfinite Ajax Scroll .. & そこにはもっとたくさんあります

私は C# を使用しているので、後で Json を使用して処理できるように、静的データを使用してクライアント側で動作するプラグインが必要です。

このように動作する Continuos スクロール用のプラグインはありますか?

4

2 に答える 2

1

Masonry を使用すると、データを表示する派手な方法を含めてこれを行うことができます。そのコードからローダーを取得できます

http://masonry.desandro.com/demos/infinite-scroll.html

于 2013-01-29T14:18:23.357 に答える
0

示した例の1つは、ASP.NETを含むすべてのサーバー側テクノロジでうまく機能する可能性があります。

開始するための基本的なHTML:

<div id="posts">
   <div class="item">Starting content</div>
   <div id="loadmore" style="display: none"><img src="ajax-loader.gif" alt="Loading..." /></div>
</div>

そして、jQueryコードの小さな部分(それを行うためのプラグインは必要ありません):

$(window).scroll(function() {
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
        $("#loadmore").show();

        $.ajax({
          url: "loadmore.aspx",
          contentType: "text/html; charset=utf-8"
        ).done(function(html) {
            if (html) {
                $("#posts").append(html);
                $("#loadmore").hide();
            } else
                $("#loadmore").html("No more posts to show.");
        });
    }
});

ASPXコードはHTMLとしてレンダリングされるため、コンテンツは#postsラッパーに直接追加できます。もちろん、コードを少し調整して、ASPXにいくつかのパラメーターを渡して、取得する投稿の数と、どの投稿から開始するかを知る必要があります...しかし、クライアント側のコードは、ここではもう問題ではありません。

于 2013-01-29T16:29:29.223 に答える