How to make display like this?

How to make display like this?

  

i want to make a display, which is in the red color the container must fixed, and in the blue area color there is max of the appear, and the last in yellow area there is scroll bar. anyone know the css of this display?

Hello Erron,

Can you show us what you are doing and how it is appearing for you, now?
SO we can help fix it for you?

Cheers.

Hi Erron,

You can do this by defining the list in a container. You should set a (max-)heigth of that container to what you desire, and add 'overflow-y: auto;' style to it. This will make the container scrollable if the contents exceed the (max-)heigth of the container.

https://www.w3schools.com/cssref/css3_pr_overflow-y.asp


Sam

Eduardo Jauch wrote:

Hello Erron,

Can you show us what you are doing and how it is appearing for you, now?
SO we can help fix it for you?

Cheers.

i want to make this container 

fixed on the top but this container is not the header. and i want to show the list only 4 record and if user want to know more record just scroll up the list

Solution

Erron Lolha wrote:

Eduardo Jauch wrote:

Hello Erron,

Can you show us what you are doing and how it is appearing for you, now?
SO we can help fix it for you?

Cheers.

i want to make this container 

fixed on the top but this container is not the header. and i want to show the list only 4 record and if user want to know more record just scroll up the list

Hi ,


Do you want something like this.

PFA OML file.

Regards,

Pankaj Pant


Solution

Pankaj pant wrote:

Erron Lolha wrote:

Eduardo Jauch wrote:

Hello Erron,

Can you show us what you are doing and how it is appearing for you, now?
SO we can help fix it for you?

Cheers.

i want to make this container 

fixed on the top but this container is not the header. and i want to show the list only 4 record and if user want to know more record just scroll up the list

Hi ,


Do you want something like this.

PFA OML file.

Regards,

Pankaj Pant



Thanks a lot