Changing Position of DOM Elements on jQuery.scroll() creates Choppy Scrolling -


I created a site that used some hot jarl parallax scrolling some time ago and used to be very sleek , But recently (updated browsers?) It has got choppy. I think it has to do with the firing frequency of the jQuery scroll event. Here's a small example that I'm trying to do ...

  $ (window) .scroll (function () {offset = window.pageYoffset; $ ('# firstImg') CSS ({"up": -750 + (offset / 1.5) + "px"})}}); Actually, this will gradually be an image parallax as I scroll down. You can see the product here: Campaign Monitor also repurposed my code for my recruiting site ... Check here:.  

I need to know how to stop the incredibly choppy scroll. I also created a set interval and re-removed the positioning code manually (instead of using the .ccroll () event) and it could not be smoothed (50m / s) because it is not firing enough Was it 10m / s just because it seemed bumpy?)

I know that anyone can help. Thanks a lot!

I used your site & amp; Campaign Monitor Com liked to work fine for you, while others displayed scrolling during your description.

After looking at the differences between your code, I noticed that the Campaign Monitor is using the exact pixels of the style definition on their objects (for example, bar graphs, instead of% (Sketches element for example).

I tested the changes using firebug on some elements and they start fixing things.

Hope that helps.

Comments