I want the red portion to remain fixed and only the blue portion to scroll when there is an overflow. (The red portion consists of 2 divs)
I am able to make the Entire thing scrollable, but I want the red to remain fixed.
(I have already tried position: fixed but it is not working properly, search and headers are getting on top of each other)
header (i.e., red portion) in different component and
list in different component and make
list component scrollable by giving it a fixed height.
Created Sandbox representing the similar solution :-
Answered By – Sonam Gupta