2012-09-27 62 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"}); 
})