Как я могу загрузить достаточно изображений, чтобы поместить полосу прокрутки на страницу пользователя, чтобы включить бесконечное поведение прокрутки? - PullRequest
1 голос
/ 14 февраля 2012

Я пытаюсь реализовать поведение «бесконечной прокрутки» для загрузки некоторых фотографий на страницу, и для этого я использую следующий javascript

    $(document).ready(function(){
      $(window).scroll(function(){
          var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
          var  scrolltrigger = 0.10;
          if  ((wintop/(docheight-winheight)) > scrolltrigger) {
             console.log('scroll bottom');
             lastAddedLiveFunc();
          }
      });
    });

По умолчанию я хотел бы заполнитьна странице пользователей достаточно фотографий для добавления в полосу прокрутки - в противном случае вышеописанный javascript никогда не сработает (скажем, если загружены только 3 изображения).Фотографии загружаются с помощью ajax-вызова в конце

lastAddedLiveFunc()

Есть идеи, как мне этого добиться?

1 Ответ

1 голос
/ 16 февраля 2012

Он - jsFiddle, который я сделал и который делает то, что, я думаю, вы ищете: http://jsfiddle.net/pseudosavant/FENQ5/

По сути, каждый раз, когда позиция нижней части окна попадает в X пикселей нижней части документа Iдобавить контент.

Javascript:

$(document).ready(function(){
    $(window).scroll(function(){
        var docBottom = $(document).height();
        var winBottom = $(window).height() + $(window).scrollTop();
        var scrollTrigger = $(window).height() * 0.25;

        if ((docBottom - scrollTrigger) < winBottom) {
            $("#container").append("<div class='box red'></div>");
            console.log("added more");
        }
    });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...