javascript - 在 DIV 中实现滚动

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 进行比较，而不是塑造可能准确或不准确的高度，并使用 >=为了安全起见 - 并非所有浏览器都会表现良好。