码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-12-08 12:35:46      阅读:299      评论:0      收藏:0      [点我收藏+]

标签:io   ar   java   on   数据   div   cti   代码   ad   

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>

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

标签:io   ar   java   on   数据   div   cti   代码   ad   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!