div 滚动条 拖到底部 自动加载数据解决方法

div 滚动条 拖到底部 自动加载数据
怎么让div  滚动条  拖到底部  自动加载数据，  就像sina微博那样
------解决思路----------------------
请搜索滚动加载插件
------解决思路----------------------
根据滚动条的高度值（负数值），以及当前页面高度，你完全可以判断当前应该显示哪一个（或者几个）页面。

例如当前页面中高度1000，每DIV高度800，而滚动出去了700那么你就知道应该显示1、2、3共3个页面。

然后遍历一下同一个class的DIV吧，看看所加载的页面是否够3页？如果不够则在后边追加div。
------解决思路----------------------
js瀑布流？嗯，他们叫这个名字。。。
------解决思路----------------------
计算滚动条位置 。到底部的时候 ajax 请求数据 。append到div里就好了
------解决思路----------------------

$(function() {

            $(window).bind("scroll", function() {

                var top = document.documentElement.scrollTop + document.body.scrollTop;

                var textheight = $(document).height();

                var curnum = parseInt($("#hidtxtPdnum").val());

                if (curnum >= 3) { $(".lodingBarStyle").remove(); }

                if (textheight - top - $(window).height() <= 100) {

                    $("#hidtxtPdnum").val(curnum + 1);

                    if (curnum >= 3) {

                        return;

                    }

                                                

                    $.ajax({

                        type: "get",

                        url: "ajax/getInfo.aspx?ppage=" + curnum + "&acDate=" + (new Date().getTime()),

                        success: function(msg) {

                            var $boxes = $(msg);

                            $('#container').append($boxes).masonry('appended', $boxes, true);

                        },

                        error: function() {

                            alert("参数出错，刷新后重试");

                            return false;

                        }

                    });

                }

            });