Home/ Questions/Q 7774997
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T17:31:08+00:00

I have a modal with the contents taller than the browser height, as a

  • 0

I have a modal with the contents taller than the browser height, as a result I have some contents which cannot be displayed. (seems like the modal position is fixed and cannot be scrolled as a whole)

enter image description here

How can I make the modal scrollable with the main page so that I can actually view the contents below?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you could do is set the modal’s CSS position to absolute instead of fixed.

    To do this, just get the class name of the modal or ID like this and set it to absolute:

    .modal {
position: absolute !important;
}

    Or, even better, edit the main CSS for your modal (if you can) and change the position from fixed to absolute.

    jsFiddle example: http://jsfiddle.net/hUNZs/

    • 0