master and child page scroll bar

  • 1
  • Idea
  • Updated 2 years ago
Photo of Pat Vachon

Pat Vachon, Champion

  • 44,426 Points 20k badge 2x thumb

Posted 3 years ago

  • 1
Photo of Thimo


  • 1,280 Points 1k badge 2x thumb
Good point! For me it still makes sense, since it's all the same page. Especially if the header isn't set to fixed.
A way you can achieve this would be by putting the page region inside a wrapper with the style properties overflow: auto; and max-height: 90vh; while using height: 10vh; on the header (you can use any sizes there)
then simply add an inline css with body { overflow: hidden; } and then you only have a scroll bar on the included content.
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 18,126 Points 10k badge 2x thumb
Thanks, Thimo! I modified your idea and used it on a wrapper instead of a page region. Worked like a charm to give me a horizontal scroll bar on a wrapper component with overflow hidden.
Photo of Don Souza

Don Souza, Employee

  • 1,180 Points 1k badge 2x thumb
Glad this worked.