Little bit of a necro but I feel like this is important to share and this is the post for that:
HOW TO NOT BE DISRUPTIVE WITH YOUR LONG POSTS
Some people make big long posts that you have to scroll through a massive amount to read.
Sure, it’s art, it’s impressive, whatever. It’s also incredibly disruptive and sorta makes the entire forum harder to read, especially for people on Mobile.
Turns out there’s a better way. I’ve just learned it, and I want to share it.
I have made it long to prove a point.
But it doesn't take up a massive amount of screen real estate.
Because of this little trick I learned.
Those first four lines appeared right away, for me at least.
But everything down here was hidden at first.
The whole thing will only ever take up 100 pixels.
So it won't disrupt anyone's viewing.
If I filled it with massive images, people would be able to scroll for days and days.
But people wouldn't have to scroll through if they're not interested.
So they can pick and choose whether to marvel at my CSS, or just move along to the next post.
Which is better than them having to just scroll through multiple screens.
It's less disruptive.
How does this work? That white box is a div with the height set to 90 pixels, with 5px of padding at the top and bottom. The styling of the div includes “overflow: auto” which tells it to add a scroll bar if the contents are larger than the div can handle.
This attribute allows big, long highly-styled posts that take up multiple screens to simulate other applications to have their own scroll bars, which provides a far less disruptive experience. It works with just about any other div attributes too, and you can put other elements into it.
I’ve edited this post so you can see the code I used. It’s just
<div style="height:90px; width: 95%; overflow: auto; background-color: white; color: black; padding-right: 2.5%; padding-left: 2.5%; padding-top: 5px; padding-bottom: 5px">