首页 > 其他 > 详细

页面加载新的东西到页面底部

时间:2014-12-08 12:34:48      阅读:307      评论:0      收藏:0      [点我收藏+]

js的代码部分:

<script type="text/javascript" src="<%=basePath%>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
    $(function(){

        $("#send").click(function(){
            $("#resText").load("test.html #001");

        });



    $(window).scroll(function() {
            var scrollTop = $(this).scrollTop();
            console.info("scrollTop="+scrollTop);
            var scrollHeight = $(document).height();
            console.info("scrollHeight="+scrollHeight);
            var windowHeight = $(this).height();
            console.info("windowHeight="+windowHeight);
            if (scrollTop + windowHeight == scrollHeight) {
                alert("已经到底部了!");
                //此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作
                $("<div>我是div的东西</div>").appendTo("body");
            }
        });

    });
</script>

下面的是页面的部分代码:

<body>
<ul>

        <li>1232123132</li>
        <li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li>
        <li>poppoweppkd</li>

        <li>poppoweppkd</li><li>poppoweppkd</li><li>poppoweppkd</li>
        <li>poppoweppkd</li><li>poppoweppkd</li><li>poppoweppkd</li>
</ul>

页面加载新的东西到页面底部

原文:http://my.oschina.net/fuweiwei/blog/353731

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!