3

したがって、私のWebサイトでは、サムネイルをクリックするたびに、ブートストラップモーダルウィンドウが想定どおりに起動しますが、小さなバグがあります...背景のすべてのレイアウト（フッターを除く）が約20px右に傾いています。モーダルウィンドウを閉じると、レイアウトが元の場所に戻ります。

誰かが私がこの問題を解決するのを手伝ってくれるか、少なくともこれを引き起こしている可能性があるものについていくつかのヒントを与えることができますか？

4

2 に答える 2

2

これはFancyboxが原因で発生しています。タグにクラスfancybox-lockを設定し、インラインbodyで追加します。margin-right: 15px;

<body class="fancybox-lock" style="margin-right: 15px;">

スタイルは次のとおりです。

.fancybox-lock {
    overflow: hidden;
}

たとえば、FirefoxでFirebugを使用している場合、要素をクリックすると、ページの影響を受ける部分に気付くことができます。

これは起こらなければならないことです。がないfancybox場合、ページにはスクロールバーがあることに注意してください。これにより、コンテンツが左にプッシュされ、スクロールバーに対応します。サムネイルがクリックされ、fancybox動作してページからスクロールバーが削除されると、を参照しoverflow:hiddenてください。ページのコンテンツは、以前はスクロールバーで使用されていたスペースに右に移動します。

于 2013-02-13T01:29:55.517 に答える
0

fancyboxでこれらのクラスを見つけて、以下の内容が一致することを確認してください

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

この

.fancybox-overlay {
width: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('fancybox_overlay.png');
}
于 2013-02-13T01:51:02.007 に答える