function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Ganesh HembramGanesh Hembram 

Need help on implementing the header as scrollable

Hi Everyone,

I have create an header component bundle and body component bundle. And kep both in the main component.

But i am facing issues like "When the content of the body increased then the body content are over lap into the header."
Need help on this to make the header component scrollable if the body content increased.

Thanks
James LoghryJames Loghry
What you're asking is more of an HTML question than anything else. You can  make content scrollable by surrounding the content with a div and using the overflow-x css property. For instance:
  
<div id="" style="overflow-x: scroll; width:400px;">

See the discussion here for more  information: https://stackoverflow.com/questions/9707397/making-a-div-vertically-scrollable-using-css
Ganesh HembramGanesh Hembram
Hi James,

I tried with "overflow-x: scroll" as well as "slds-scrollable/slds-scrollable_x" but nothing happened. 

 
James LoghryJames Loghry
Hi  Ganesh, did you set the width of the same div? The div has to have a finite width in order for it to be scrollable.  If that  doesn't work, try pasting your markup here and I can take a closer look