ansaurus

Question

Why scrolling with moz-radial-gradient is so slow?

Answer 1

A:

Possibly it's because of the amount of resources the browser needs to display your CSS generated gradient on a background of an entire page. Which browser are you testing in?

Kyle Sevenoaks 2010-10-26 11:09:38

3.6 - newest. actually there is not much to display. i've the background and div with filled background (height 1000px so scrolling would be possible).

Richards 2010-10-26 13:14:06

Answer 2

+2 A:

Its a known issue that a gradient background with background-position:fixed has perfomance problems.

This is the price you pay for using pre-release CSS (ie anything with a browser prefix such as -moz). Most of the time they work fine, but as long as they've got that prefix, it indicates that the vendor doesn't consider the feature to be finished, so you use it at your own risk.

Spudley 2010-10-26 11:24:03

Thanks. However, even with the attachment "scroll" i have the same performance problems, even worse.

Richards 2010-10-26 13:16:19

Answer 3

A:

Firefox has a lot of issues with slow scrolling.. you can see all the bug reports at bugzilla https://bugzilla.mozilla.org/buglist.cgi?quicksearch=slow+scrolling

FutureKode 2010-10-26 11:26:22

This answer is misleading - that search query is churning out hundreds of irrelevant bugs. Even then, this doesn't directly address the OP's question - unless you link to a bug concerning `-moz-radial-gradient` performance and scrolling, you're not answering the question.

Yi Jiang 2010-10-26 11:40:34

I don't think misleading is the right word. It may not be the perfect answer but I believe it could be helpful to the asker of the question.

FutureKode 2010-10-26 11:51:21

ansaurus

tags:

views:

answers:

Why scrolling with moz-radial-gradient is so slow?

related questions