How to change the display of content in a SimpleModal modal window?

Question

JavaScript

Hi all.
I use jQuery SimpleModal for the modal window. Please tell me, who knows how to make the Title and Footer inside the modal window fixed, so that the content would scroll inside them?

<div id="simplemodal-container">

<div>Вот тут бы заголовок</div>

  <div class="simplemodal-wrap">
    <div id="simplemodal-data">
    
    Ну а тут куча контента со скролом
    
    </div>
  </div>
  
<div>А вот тут подвал</div>

</div>

Sorry for being so vague and unclear. I don't know how else to explain it.

Answer 1

It doesn't matter what you are. this is a simple implementation in CSS, as an option you can do it like this:

.header, .footer { height: 50px; position: fixed; }
.content { height: calc(100% - 100px); }

A good example is Microsoft Azure and their blade system, which is just Spanish. such a method, where they have a fixed header, and the content scrolls. Well, you need to link your mail to them to see something