javascript - モーダルが画面よりも大きい場合に、モーダル ポップアップを水平方向/垂直方向に中央揃えにするにはどうすればよいですか?

Question

javascript を使用してモーダルを中央に配置する方法は知っていますが、モーダルがビューポートよりも高い場合に問題が発生します。モーダルの上部は画面の上部から隠されます。

Answer 1

撮りたい

    (windowHeight - modalHeight) / 2 

モーダルのトップポジションとして

    if (modalHeight < windowHeight) 
    else make top as 0 or may be 10. 

あなたはすでにこれを説明したと思います。

考えられる問題の1つは、固定位置モーダルを使用している場合、オーバーフローした部分が表示されないことです。その場合は、ケースを支援するためのフィドルまたはリンクを提供する必要があります。

固定位置オーバーフローの場合、モーダルの最大高さを100％にして、スクロールバーをモーダルで表示することができます。モーダルがオーバーレイの子である場合は、オーバーレイの最大高さを100％に設定し、代わりにオーバーレイでスクロールバーを使用できます。

絶対位置モーダルを使用している場合は、本体のスクロールバーが表示されます。

擬似コード

top = (modalHeight < windowHeight)? (windowHeight - modalHeight) / 2 : 10 ;