3 ms·
Don't think that has the desired effect; at least if I understood the request properly. The text area won't get a scrollbar when more text is added to fill the
by tux1968 7y ago
Don't think that has the desired effect; at least if I understood the request properly.
The text area won't get a scrollbar when more text is added to fill the view area. It seems in this case you would have to manually ensure that the text you gave could fit in 80% of the screen, or bad things happen visually. Also, the header and footer aren't permanent, they are affected by the entire-page scrollbar.
- nicoburns 7y agoAll you need is an `overflow-y: scroll` on the text element, and it will work as desired. The whole page won't have a scrollbar, because no content will be overflowing past it's boundaries. Grid is ideal for these kind of layouts.
- tux1968 7y agoThanks, that worked. Although I did still have to suppress the page scrollbar with "body { overflow-y: hidden; }" Not sure why.
- snuxoll 7y agoMight need to use normalize or reset to deal with margin collapse, even then I’ve noticed the behavior at random times. The CSS box model is simple yet obtuse all at once.