jQueryモーダルウィンドウのスクロールバー

Question

まだ実装していないため、コードを表示していないと思われる場合は、ごめんなさい。

jQuery写真ビュープラグインを作成しようとしていますが、通常、いくつかの例が見つかると、ウィンドウの高さはドキュメントの高さのコンピュータ画面の高さですhtml本文の高さ

私はFacebookの写真のビュープラグインを見たときに、モーダルウィンドウの高さをコンテンツの高さに応じて拡張することができます。誰でも私にそのことを教えてください。素晴らしいでしょう、あなたの大きな助けに感謝します。

Answer 1

Facebookは本当に面白いことがあります。それらはコンテナにラップされたページを持ち、モーダルはコンテナーの子ではなく兄弟としてDOMに追加されます。そこで、コンテナをモーダルの代わりにfixed：positionに設定しました。これにより、モーダルがウインドウサイズの制約を超えて大きくなった場合、通常どおりにスクロールすることができます。

同じ戦略に従えば、あなたのモーダルは絶対的である必要はないので、モーダルは内容が増えるにつれて自然に成長します。

そうでなければ、これはモーダル位置を作る伝統的な方法で行うことができます：絶対または位置：固定されていますが、それはやや厄介です。

モーダルのコンテンツを変更しているコードを管理している場合は、コンテンツのサイズを評価し、モーダルのサイズを変更して位置を変更して補正します。