html - 高于页面 div 保持顶部 top/center

Question

我有一个像内容顶部的灯箱一样加载的 ajax 页面(一个包含很多产品的页面，假设高度 = 3000 像素)

那个ajax页面有一个动态高度，有时是500px，有时是2000px。

单击产品(加载 ajax 页面):如果我使用 position:absolute 并单击页面末尾某处的产品，我无法真正看到 ajax 页面，因为它太靠上了。如果我使用 position:fixed ajax 页面保持在顶部(与我所在的位置无关)但是如果 ajax 页面的高度比浏览器高度大，我看不到超出浏览器高度的 ajax 页面内容: (

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

当您点击图片时 Pinterest 如何加载内容正是我想要的。

谢谢!

Answer 1

太棒了，我已经做到了。

我必须使用:

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