ねえ、私には問題があります (もちろん)。Jquery FancyBox2 を使用する基本的な php サイト (php の部分は重要ではありません) があります。サイトのアルファ版を請負業者にデモしようとしていますが、問題が 1 つあります。FancyBox2 Jquery が実行されると、Firefox 13 (最新バージョンの IE、Opera、または Chrome ではなく Firefox のみ) でボックスが正常にポップアップ表示されますが、対応する親ドキュメント全体の y スクロール バーがポップアップ表示され、 left:-10 px のようにサイト全体がオフになり、FancyBox2 インスタンスを閉じると、通常の状態に戻ります。空白の y スクロール バーに FancyBox2 インスタンスが表示されたときに、サイトのコンテンツが移動するブラウザーは他にないようです。こうならないようにしたいのですが?基本的なコードは次のとおりです。
CSS: はい、少し過負荷です。障害を無視して、目の前の問題に集中してください。バックエンドとデザインの両方のアルファ段階です。
body
{
font-family: 'Goudy Bookletter 1911', serif;
overflow-x: hidden;
text-align: center;
horizontal-align: baseline;
color: #4D60A4;
}
#site_container
{
-moz-user-select: -moz-none; /* disable div selection */
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none:
user-select: none;
zoom: 1; /* for ie6 */
background-image: url('http://192.168.254.134:8080/images/main_back6.jpg');
background-repeat: no-repeat;
background-size: cover;
width: 980px;
min-height: 780px;
text-align: left;
height: 100%;
left: 50%;
padding: 0px;
border: 0px solid #0000FF;
overflow: hidden;
margin: 0px auto;
margin-top: -50px;
}
php: このサイトでの FancyBox2 の呼び出し方法の例。
echo "<a class='fancybox' href='" . $row['image1'] . "'>";
echo "<img src='" . $row['image1'] . "' width=200 height=200 /></a>";
js: FancyBox2 の呼び出し方
$(document).ready(function(){
...
$(".fancybox").fancybox();
...
});