下拉加载更多----可用到评论的加载

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <!--网址
    https://blog.csdn.net/djk8888/article/details/53781452
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".main").unbind("scroll").bind("scroll", function (e) {
                var sum = this.scrollHeight;
                if (sum <= $(this).scrollTop() + $(this).height()) {
                    $(".main").append($(".child").clone());
                }
            });
        });
    </script>
</head>
<body>
<form id="form1" runat="server">
    <div>下拉加载更多</div>
    <div class="main" style="height: 700px; overflow: auto;">
        <div class="child" style='border: 1px solid red; margin-top: 20px; color: grey; height: 800px'></div>
    </div>
</form>
</body>

</html>

猜你喜欢

转载自blog.csdn.net/weixin_42805130/article/details/81480106