ですから、この種の質問が以前に何度も出されたことは知っていますが、私の質問に対する適切な答えを見つけることができませんでした. 画像を含む大量のスクロール可能なデータを含む Web サイト ページがあります。ここで、画像をクリックするとモーダルポップアップで画像が開き、ページのスクロールが無効になる機能が必要です。Facebookのようなものですが、画像が画面サイズよりも大きい場合はスクロール可能になる場合があります。助けてくれてありがとう！！
1 に答える
0
まず、画像が画面よりも大きい場合は、画面サイズを確認して画像を比較できます。画像が大きい場合は、画像の幅を画面の幅に設定します。高さは、プロポーションを維持するために自動的に変更されます。
高さが画面の高さよりも大きい場合は、高さだけで同じことを行います。
そして、スクロールバーを無効にするために、javascript を使用した長いラウンドアバウト メソッドがあります。
それ以外の場合は、スクロールバーを非表示にして、画像の背後にある全画面サイズの div を追加できます。
それを行うラウンドアバウトのJavaScriptの方法：
画像をクリックすると、ボディの幅と高さを画面の幅と高さに設定し、ボディにoverflow:hiddenを設定し、画像を閉じるときにスタイルを元に戻すことができます。ボディに高さがなかった場合は、auto に設定します。
お役に立てれば
于 2013-11-22T07:45:22.617 に答える