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

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

此外，与 比较scrollTop()，scrollHeight而不是塑造可能准确或不准确的高度，并且使用>=以确保安全 - 并非所有浏览器都会表现自己。