[ARCHIVED] Overflow Table: code-snippet

G_Petruzella
Community Champion

An easy way to create what I (in my utterly unprofessional terminology) refer to as "scrolly boxes". Useful if you want to include a loooooong set of info on a Page without making the Page itself 10 miles tall.

<div id="yourName" style="overflow-y: scroll; height: 175px; width: 50%;"><p>Your Content Goes Here!</p></div>

  1. list item 1
  2. super-important list item 2 Two Trees
  3. text 789
  4. text 10 11 12
  5. text 13 14 15
  6. text 16 17 18
  7. text 19 20 21
  8. text 12341251
  9. text 15345634537
  10. text 134512525
  11. text 2345234523
  12. text 25462778345
  13. text 4567445
  14. text 2546
  15. text 457367477
  16. more text
  17. even more text!
  18. yikes, does this list ever stop?
  19. apparently not...

And of course, this allows you to add content after the scrolly-box which will still be visible without scrolling the whole Page!

Labels (1)