CODEWITHSUNDEEP
htmlcss
Proffesor
Proffesor

Reputation: 2619

How to make my website scroll smoother with background image?

There's a background image that I really like using for my website. For it to look good, I have to use the css, background-size:cover and background-attachment:fixed. But this makes the scrolling on the page kind of choppy. Is there a way to keep that css, and the same background image, but make the page scroll smoother?

Upvotes: 0

Views: 604

Answers (1)

Robert Keizer
Robert Keizer

Reputation: 86

You're using a massive background image. 1.43MB to be exact. Once that was loaded completely by my browser ( chrome ) your site scrolled fine.

Use a program like gimp to scale the image down to something manageable. Given the kind of background that you've selected you may be better off with a slightly different image and use of the CSS repeat options.

The effect you're getting would be closely tied to a specific Browser, OS, and the specifications of that computer. For compatibility, keep stuff as minimal as possible.

Rob

Upvotes: 1

Related Questions