kích hoạt vô hạn cuộn khi không có đủ nội dung cho thanh cuộn trên tải trang

Question

Tôi đang sử dụng lớn vô hạn cuộn plugin- http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/

Nhưng trên độ phân giải màn hình lớn hơn không có đủ bài viết để hiển thị một thanh cuộn để cuộn vô hạn không bao giờ được kích hoạt. Tự hỏi nếu những cách này xung quanh mà không có một số lượng lớn các bài viết ban đầu.

Đoán một số loại câu lệnh if để kiểm tra chiều cao trình duyệt, v.v. Làm cách nào để tôi kích hoạt cuộn vô hạn nếu nó trả về true.

Bất kỳ ý tưởng

Cảm ơn

Bến

Answer 1

Một cách để đi cho một kiểm tra nhanh chóng sẽ là:

// Force 'retrieve' for next page if window is taller than document 
if($(window).height() >= $(document).height()){ 
$wall.infinitescroll('retrieve'); 
}; 

Đoán bạn có thể cần phải tắt chức năng này vào một chức năng cho nhiều 'truy xuất' nếu cần cho đến khi cửa sổ không cao hơn tài liệu.

Answer 2

Đối với các phiên bản mới hơn của infinitescroll, thiết lập các tùy chọn

prefill: true 

Giải pháp này đã được tạo ra và thảo luận trên .

Answer 3

Tôi biết câu hỏi là cũ, nhưng điều này sẽ giúp nhiều bạn.

@Luigi trả lời là tốt, nhưng nếu tải nội dung một lần để hiển thị thanh cuộn là không đủ?

này nên làm điều đó tốt nhất

var no_scrollbar_workaround = setInterval(function checkVariable() { 

      if($(window).height() >= $(document).height()) { 
        jsonloader(); //here you put your function for more content 
      } else { 
        clearInterval(no_scrollbar_workaround); 
      } 
}, 1000); 

này sẽ chạy nhiều lần, cho đến khi cần thiết để thực hiện thanh cuộn.

Bạn có thể kiểm tra chức năng này và xem tất cả đó là vinh quang khi bạn thu nhỏ trang như xa như bạn có thể với Ctrl+-.

Bạn sẽ thấy cuộc gọi cho nội dung mới cho đến khi thanh cuộn được hiển thị.