search

shalvah / oldtweets.today

"On This Day" for Twitter #TwitterThrowback
http://oldtweets.today
113 stars 24 forks source link

Fix background #16

Closed ooade closed 5 years ago

ooade commented 5 years ago

Fix the background to prevent it from jumping around the page. It's nice on Phone and Laptop.

shalvah commented 5 years ago

It's nice on Phone and Laptop

Not sure what you mean here, but I think I get what these lines do:

background-repeat: no-repeat;
background-size: cover;
ooade commented 5 years ago

Background Attachment fixed will make the background static on scroll. And since it's a background image it's no cool to repeat it on multiple pages (well, it won't get repeated because of the no-repeat. A blank background will be displayed). So this takes care of such cases.

BTW, you'll see such technique applied when creating a parallax.