CODEWITHSUNDEEP
jqueryhtmlcssscroll
Helena J.
Helena J.

Reputation: 105

Choppy scrolling issue

The scrolling on my page, http://www.hjaramillo.com/, is choppy and I am not exactly sure why. I think it has something to do with the way that the images are being displayed, because when you hide all the images the problem is resolved.

Also, when you click on "About" the scrolling down to that section is choppy as well.

Any ideas as to what's going on and how I can I fix it?

Upvotes: 1

Views: 3694

Answers (2)

Tzshand
Tzshand

Reputation: 1623

I have had this problem in the past - and fixed it.

The images you're displaying are much too large. I love using html or css to resize my images (because who wants to do it manually), but the fact remains that most browsers will hiccup when moving them around. I'm not sure why.

With the exception of Opera, which usually sacrifices resolution and turns websites into garbage.

Resize the largest images, and see if that helps.

Upvotes: 1

Brad
Brad

Reputation: 163232

Performance in JavaScript is slow, as you're going through many layers of abstraction to get any work done, and many manipulations with objects on the screen are happening in the background. Performance cannot be guaranteed from system to system.

You'll find that with all jQuery animation, you will get a higher "frame rate" (not the right term here, but I can't think of a better one) on faster machines and better-performing browsers (such as Chrome) than you will on slower machines.

If you are curious what all happens in the background when you set a scroll position, or other property, use one of the many tools for profiling your code. Google Chrome comes with one built-in, and for Firefox, you can use Firebug to give you some insight. See also this question: What is the best way to profile javascript execution?

Upvotes: 0

Related Questions