I have created a website for a friend of mine that is a musician. The website is not live yet, it is on a hidden portion of the server. Anyways, the website is using jquery to handle the "pages". All of the code is actually on the index page and the jquery tells what div on the page to show when a link on the navigation is clicked… If you look at the site in Firefox, and you let the page load… once you click on a link, you will notice the edges of the website will jump a lot… all of the pages do this, and I am not sure what is causing it. It looks fine in IE, but does it in Firefox and Safari… Any suggestions are greatly appreciated!
I remember seeing a tutorial once where the jquery was being jittery and there was some extra piece of code to smoothen it out, but the jitters were occurring in all browsers unlike this issue. After searching for it, I couldn’t find it, but there may be a code snippet solution to your problem somewhere out on the interweb.
is where i’m assuming the problem is, and I still have not found any help on the topic. I found where the .slide was causing a jitter, but it was in all browsers, and I tried the fix, and it still didn’t fix it… Anymore ideas?
Just wanted to post a little follow up to this… I still have not fixed the problem completely, but i have narrowed it down. For some reason, the way that I have my site setup, it does not like having <div>’s in the containing <div> that you are anchor linking to. If i take all of the <div>’s out, it slides smooth as glass with no jitter. The only other issue i am having is if the page has more information on it than what can fit in my container which i have set for overflow: auto once it has a scroll bar on the content, it will jitter, but only on that page. Does anyone else have any better ideas for getting around this? I’m about to just give up on the scroll thing and just make individual pages, but I wanted to do something different. Please let me know if you have anymore ideas! Thanks in advance…