基礎モーダル半透明の背景カット - jquery、CSS、モーダルダイアログ、zurb-foundation、zurb-foundation-5

さて、デモサイトはここにあります： http://hayati.yahyauddin.com/

モーダルを確認するには、製品にカーソルを合わせ、ズームボタンをクリックして製品のクイックビューを表示します。

スクロールを続けると、グレーの半透明の背景が停止することがわかります。この問題は、画面のサイズに関係なく発生します。

なぜこれが起こり、これをどうすれば解決できるのでしょうか？

注：この問題は、Foundation Webサイトでは発生していないようです。 http://foundation.zurb.com/docs/components/reveal.html

回答：

Zurbの人は、デフォルトの位置を固定から絶対に変更しました（私は理由を理解できませんでした）。その後、彼らは心を変えて再び固定に戻りました。

これは5.5.1で実装されました https://github.com/zurb/foundation/commit/45f9b407ffeeca4b44c5a2afde4f0e58abf4bb78

アップデートが役に立ちます:)

私はある種の問題を解決したようだ。問題は、_reveal.scssでは、絶対に奇妙な位置に設定されていたことです。次のようなコメントがあります allows modal background to extend beyond window position これは明らかにそうではありませんでした。

私はちょうど position: absolute に position: fixed それは動作します！

開発者がこれをやったと思う理由について、自由にコメントを残してください。