html - Heigher 然后页面 div 保持顶部顶部/中心

Question

我有一个 ajax 页面，它像一个灯箱一样加载在内容之上（一个包含很多产品的页面，比如说 height=3000px）

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