0

コンテンツの上にライトボックスのようにロードする ajax ページがあります (多くの製品を含むページ、高さ = 3000px としましょう)

その ajax ページには動的な高さがあり、500px の場合もあれば 2000px の場合もあります。

製品をクリックします (ajax ページをロードします): position:absolute を使用し、ページの最後のどこかで製品をクリックすると、あまりにも上にあるため、実際には ajax ページが表示されません。position:fixed を使用すると、ajax ページは一番上に表示されます (現在の位置は関係ありません)。ただし、ajax ページの高さがブラウザーの高さよりも大きい場合、ブラウザーの高さを超えて ajax ページのコンテンツが表示されません。 (

これが理にかなっていることを願っています...

画像をクリックしたときに Pinterest がコンテンツを読み込む方法は、私が望んでいることです。

ありがとう ！

4

1 に答える 1

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"});
})
于 2012-09-27T22:45:21.173 に答える