2012-09-27 96 views
0

我加載像上的內容的頂部燈箱的AJAX頁面(有很多的產品頁面,比方說身高= 3000px)Heigher然後在網頁的div保持頂部頂部/中心

阿賈克斯頁面有動態高度,有時是500px,有時是2000px。

點擊一個產品(加載ajax頁面):如果我使用位置:絕對,我點擊頁面末尾的產品我不能真正看到ajax頁面,因爲太遠了。 如果我使用position:固定ajax頁面保持在最前面(與我的位置無關),但如果ajax頁面的高度更高,那麼瀏覽器高度將無法看到瀏覽器高度之外的ajax頁面內容:(

希望這是有道理...

當你點擊圖像Pinterest上如何加載內容就是我想要的。

謝謝!

回答

0

酷,我已經做到了。我不得不使用:

#ajax { display:none; position: fixed; width: 100%; overflow-x:auto; overflow-y:scroll; z-index: 999999; top:0; left:0; right:0; bottom:0; } 

,並調用AJAX:

$(".product-list .quickview a").click(function(){ 
    $(this).closest("body").find("#ajax").load("ajax/product.html").show(); 
    $(this).closest("body").find(".whitebg").removeClass("hide"); 
    $(this).closest("body").css({ "overflow" : "hidden"}); 
})