我有一个ajax页面,它在内容之上加载了一个灯箱(一个包含大量产品的页面,假设高度= 3000px)
ajax页面有动态高度,有时为500px,有时为2000px。
点击产品(加载ajax页面):如果我使用position:absolute,我点击页面末尾的某个产品,我真的看不到ajax页面因为太远了。 如果我使用position:修复了ajax页面保持在顶部(与我所在的位置无关)但是如果ajax页面的高度更高那么浏览器高度我看不到浏览器高度以外的ajax页面内容: (
希望这是有道理的......
单击图像时Pinterest如何加载内容是我想要的。
谢谢!
答案 0 :(得分: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"});
})