Question

我在下面有这个Javascript代码。这有助于我在网页中获得无限滚动。如果我想在DIV中实现无限滚动该怎么办？如何修改此代码以在DIV中使用它？谁能帮帮我吗。 假设我的DIV的ID是#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>

Answer 1

只需用您选择的div替换window的提及。

另外，将scrollTop()与scrollHeight进行比较，而不是设定可能准确或不准确的高度，并使用>=保证安全 - 并非所有浏览器都有自己的行为

在DIV中实现滚动

1 个答案: