0

ねえ、私には問題があります (もちろん)。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();
    ...
});
4

1 に答える 1

-1

わかりました。私はデザイン担当者ではなく、バックエンド担当者です。これをcssに追加するだけでした:

body
{
...
overflow-x: hidden;
overflow: scroll;
...
}

そしてそれはそれを修正しました。なぜFirefoxだけがその階層的な修正を必要としたのだろうか? オーバーフロー: スクロール css3 ですか? とにかく、気にしないでください。

于 2012-09-02T04:54:34.947 に答える