jquery - Fancybox 2のスクロールバーが消え、サイトが右に移動します

Question

fancybox 2に小さな問題があります。今はコーディングに取り組んでいるので、ばかげた質問をする場合は申し訳ありません。

テストサイトでfancyboxを動作させましたが、画像をクリックするとボックスが開き、背景のページ全体が右に移動し、スクロールバーが消えます。私はこの振る舞いを望んでいません。スクロールバーがそこにあるはずです。

それはこのサイトにあります：http：//elgaucho.lu/restaurant.php

手伝ってくれませんか。

前もって感謝します

アンディ

score 7 · Accepted Answer

私の知る限り、元のfancyboxcssファイルを変更しました。

これから167行目を変更しました

.fancybox-lock {
    overflow: hidden;
}

これに

.fancybox-lock {
    overflow: hidden;
    margin-right:0 !important;
}

...そしてこれからの行187

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

これに

.fancybox-lock .fancybox-overlay {
    overflow: hidden;
    overflow-y: hidden;
}

...不思議ではありません（jsファイルは一部のcssプロパティも動的に変更するため、cssファイルを変更するだけでは完全に制御できない場合があることに注意してください）

一般的に言って、自分が何をしているのかよくわからない限り、元のファイルをいじってはいけません。そうしないと、予期しない結果が生じることになります。

score 1 · Accepted Answer

メインのCSSファイルに次のコードを追加することでこの問題を解決しました。

body { margin: 0 !important; }
.fancybox-lock,
.fancybox-overlay { overflow: visible !important; }

score 1 · Accepted Answer

同じ問題が発生しました...スクロールバーが消え、ページが右に移動しました。迷惑ですが、このコードは確かに機能します。fancybox cssファイル（または含まれているcssファイル）に追加するだけです。

.fancybox-lock, .fancybox-overlay { overflow: visible !important;}

score 0 · Accepted Answer

ページを常に次のようにスクロールするように強制します。

body {overflow-y: auto !important;}

score 0 · Accepted Answer

私はこの問題を抱えていました、そして私の解決策は私が思っていたよりも簡単でした。私は単にhtmlに入って、2つのボディがあることに気づきました

コード（下部近く）には、次のものがあります。

    body {
        max-width: 700px;
        margin: 0 auto;
    }

私はそれを削除し、私のウェブサイトは中央に戻った。

score 0 · Accepted Answer

追加した：

.fancybox-lock、.fancybox-overlay {overflow：visible！important;}
body {overflow：visible！important;}

削除：

.fancybox-ロック本体{オーバーフロー：非表示！重要;}

大丈夫

6 に答える 6