Прокрутите вниз, AJAX загрузить больше в другом DIV - PullRequest
Новая
       22

Прокрутите вниз, AJAX загрузить больше в другом DIV

0 голосов
/ 28 сентября 2011

Я никогда не видел, чтобы это было сделано раньше, но я надеюсь, что все гении здесь могут помочь. У меня очень высокий div, который пользователям придется прокручивать, чтобы узнать больше. У меня также есть div в правом верхнем углу, который загружает объявления Google. Я хочу, чтобы этот div загружал больше объявлений в зависимости от уровня прокрутки пользователя.

Надеюсь, мне все ясно. Если нет, пожалуйста, проверьте http://jsfiddle.net/NWgQx/, чтобы понять, что я имею в виду.

Спасибо заранее.

1 Ответ

0 голосов
/ 28 сентября 2011

Вы можете сделать что-то похожее на: 

$(window).scroll(function() {
    var top = $(document).scrollTop();
    var ad_offset = $('#ad').offset();
    var ad_bottom = ad_offset.top + $('#ad').height();
    if (top > ad_bottom) {
        $('#more-ads').load('/more-ads.html');
    }
});

Я не большой поклонник связывания на событии прокрутки, я думаю, что это действительно медленно. Это может дать вам некоторые идеи, хотя. Вам, вероятно, следует также установить переменную, чтобы указать, загружается ли больше объявлений в настоящее время, и прекратить прослушивание события прокрутки, пока не будет загружено больше объявлений.

...