页面的加载

Question

今天看淘宝时发现的一个功能
我打开一个淘宝页，内容很多，所以页面很高
我一拖动上下的滚动条才发现，是及时更新的，而不是一次性加载完毕
请问怎样实现？

Answer 1

   Ajax  Ajax    Ajax    
 回复内容太短了！怎么这样设置了的 不够人性化 

Answer 2

不光是AJAX这么简单吧。主要是加载与不加载。何时加载的问题。

Answer 3

另外，如果为了单纯做出这个效果但多次使用AJAX请求服务器，我觉得有点得不偿失！

Answer 4

一般用onmouseover和onmouseout来触发

Answer 5

<script>
    (function() {
        var n = g_tb.BasicUtil,
            e = n.get("help"),
            l = "",
            b = !!n.getCookie("_l_g_"),
            d = 2,
            m = e.getElementsByTagName("textarea"),
            a = n.getElementsByClassName("bd", "div", e)[0];
        for (var o = [], g = 0, h = m.length; g < h; g++) {
            var c = parseInt(m[g].getAttribute("rel"), 10);
            o[c] = m[g].value
        }
        var k = function(p, i) {
            var q = function() {
                p.innerHTML = i
            },
                r = "getStatus";
            window[r] = function(x) {
                var t = n.get("J_helpMember"),
                    C = t.getElementsByTagName("b"),
                    B = "",
                    v = 1;
                var z = (function() {
                    var E = Object.prototype.toString;
                    return function(F) {
                        return E.call(F) === "[object Array]"
                    }
                })();
                if (x[1][0] != "0") {
                    B = x[1][1]
                }
                var D = ["//taobao.alipay.com/trade/batch_pay_confirm.htm?sign_from=3000&sign_account_no=" + B + "&nekot=" + +new Date, "//trade.taobao.com/trade/itemlist/list_bought_items.htm?event_submit_do_query=1&action=itemlist%2Fquery_action&user_type=0&_fmt.q._0.c=I_HAS_NOT_COMMENT&_fmt.q._0.au=ALL&nekot=" + +new Date, "//trade.taobao.com/trade/itemlist/list_bought_items.htm?nekot=" + +new Date];
                for (var y = v, A = C.length + v; y < A; y++) {
                    var w = C[y - v],
                        u = x[y],
                        s = D[y - v];
                    if (z(u)) {
                        u = u[0]
                    }
                    if (u != "0" && w) {
                        w.className = "h";
                        w.innerHTML = '<a href="' + s + '">' + u + "</a>"
                    } else {
                        w.innerHTML = u
                    }
                }
                window.g_myTaobaoLoaded = true;
                window[r] = null
            };
            n.getScript("http://i.taobao.com/json/my_taobao_remind_data.htm?callback=" + r);
            setTimeout(function() {
                if (!window.g_myTaobaoLoaded) {
                    q()
                }
            },
            5000)
        };
        if (l) {
            d = b ? 3 : 4
        } else {
            d = b ? 1 : 2
        }
        var f = o[d];
        if (f) {
            n.removeClass(a, "loading");
            var j = document.createElement("DIV");
            j.innerHTML = f;
            a.appendChild(j);
            if (1 == d) {
                window.g_myTaobaoLoaded = false;
                k(a, o[0])
            }
        }
        o = null
    })();
</script>Ajax数据 动态读取 动态加载  动态显示

Answer 6

每个frame都有一个scrollx 和scrolly,通过这2个参数再乘以相应的系数就可以计算出位置。

Answer 7

动态加载..例子：$.ajax({
url:"Comment.aspx?action=ajax_getcomment&id="+$ID+"&page="+$Page+"&time="+new Date().toString(),
type:'GET',
success:function(){
$('#comment').html(arguments[0]);
}
});<div id="comment"><img src="images/loading.gif" title="数据载入中..." alt="" /></div>