高于页面div保持顶部/中心

时间:2012-09-27 22:23:34

标签: html css

我有一个ajax页面,它在内容之上加载了一个灯箱(一个包含大量产品的页面,假设高度= 3000px)

ajax页面有动态高度,有时为500px,有时为2000px。

点击产品(加载ajax页面):如果我使用position:absolute,我点击页面末尾的某个产品,我真的看不到ajax页面因为太远了。 如果我使用position:修复了ajax页面保持在顶部(与我所在的位置无关)但是如果ajax页面的高度更高那么浏览器高度我看不到浏览器高度以外的ajax页面内容: (

希望这是有道理的......

单击图像时Pinterest如何加载内容是我想要的。

谢谢!

1 个答案:

答案 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"});
})