Реализация прокрутки в DIV - PullRequest
Новая
       14

Реализация прокрутки в DIV

1 голос
/ 02 ноября 2011

У меня есть этот код Javascript ниже. Это помогает мне получить бесконечную прокрутку на веб-странице. Что делать, если я хочу реализовать эту бесконечную прокрутку в DIV. Как я могу изменить этот код, чтобы использовать его внутри DIV? Кто-нибудь может мне помочь, пожалуйста. Скажите, что идентификатор моего DIV - #wrapper, в котором должно отображаться содержимое прокрутки 

<script type="text/javascript">
        $(window).scroll(function(){
            if($(window).scrollTop() == $(document).height() - $(window).height()){
                $('div#loadmoreajaxloader').show();
                $.ajax({
                    url: "loadmore.php?lastid=" + $(".postitem:last").attr("id"),
                    success: function(html){
                        if(html){
                            $("#postswrapper").append(html);
                            $('div#loadmoreajaxloader').hide();
                        }else{
                            $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
                        }
                    }
                });
            }
        });
    </script>

1 Ответ

0 голосов
/ 02 ноября 2011

Просто замените упоминания window выбранным вами делением.

Кроме того, сравните scrollTop() с scrollHeight вместо того, чтобы указывать высоту, которая может быть или не быть точной, и используйте >=чтобы быть в безопасности - не все браузеры ведут себя сами.

...