[Hỏi đáp] load ajax khi scroll

tình hình là mình muốn khi scroll xuống hết bài ở topic list box thì nó sẽ tự load ajax ở trang 2
thay vì bấm vào nút pagination

nhờ các pro giúp giùm ! thanked

Đại khái nó thế này: https://devs.forumvi.com/t573-gist-tai-noi-dung-khi-cuon-en-cuoi-trang

Code:

$(function () {
   var zzEndpage = false;
   $(window).scroll(function () {
      if ($(document).height() <= $(window).scrollTop() + $(window).height() + 100 && !zzEndpage) { // 100(px) là khoảng cách trước khi đến cuối trang
         zzEndpage = true;

         // Xử lý khi đến gần cuối trang

         $.get("/f1p10", function (data) { // URL là liên kết để tải dữ liệu
            zzEndpage = false;

            // Thêm nội dung vào sau khi tải

         });
      }
   });
});

nếu load như thế thì nó chỉ hiện link /f1p10 thôi
còn muốn hiện khi kéo xuống nó load /f1p20 và /f1p30 thì làm cách nào ?

Khi nó cuộn đến cuối thì tải /f1p10 lúc đó trang dài thêm ra.
Tiếp tục cuộn xuống thì tải trang kế tiếp.
Mỗi khi tải trang thì nhớ cập nhật lại paging.
Cứ tiếp tục đến khi mất nút next thì dừng.
Nếu cứ cuộn xuống quá nhiều trang thì khá lag, vì thế nên đặt giới hạn tải khoảng 5 đến 10 trang thì dừng và chuyển trang.

bạn giúp mình đoạn js mà load khoảng 5 đến 10 trang thì dừng và chuyển trang với

Đặt biến count = 0 rồi mỗi khi tải trang xong thì + 1, kiểm tra mỗi khi tải, nếu count = 5 thì dừng.

Code:

$(function() {
    var zzEndpage = false,
        count = 0;

    $(window).scroll(function() {
        if ($(document).height() <= $(window).scrollTop() + $(window).height() + 100 && !zzEndpage) { // 100(px) là khoảng cách trước khi đến cuối trang
            zzEndpage = true;

            // Xử lý khi đến gần cuối trang

            $.get("/f1p10", function(data) { // URL là liên kết để tải dữ liệu

                if ((count++) < 5) {

                    zzEndpage = false;
                } else {

                    // Chuyển trang
                }

                // Thêm nội dung vào sau khi tải
            });
        }
    });
});

đoạn $.get("/f1p10" nếu như chuyển trang mới rồi nó vẫn load lại đoạn f1p10 này ??
bạn có thể thêm đoạn khi chuyển trang thì nó sẽ lên f1p15 và típ tục như thế f1p20
tks

Tùy thuộc vào cấu trúc trang của bạn nên hướng dẫn đại khái thôi, mà chỗ đấy thì lấy link của nút NEXT, chứ ko có viết vào.

load như haivl đây mà

mình không hiểu cho lăm bạn co thể test trên https://devs.forumvi.com/f7-hoi-ap mà viêt load ajax bằng nut next của paging giup mình nha
 tks bạn

Không rõ vì lý do gì mà bạn giấu tiệt cái 4rum, nếu thế thì giải đáp đến đây thôi vậy.