scrollto

I am having a bit of a weird problem with iOS platform for a page i am developing. This is the page in question. When clicking any of the case study images, the page will first unhide the required case study then scroll to it. This works on all desktop browsers on Windows and Mac, but on the iPhone and iPad you get a horrible flicker as it scrolls down. Not quite sure how to debug or fix this issue. Any ideas would be of great help! Thanks in advance, Shadi UPDATE 1 The latest page can be found here . Still haven't found a fix - if anyone has any idea it would be amazing! wsbrs If you need

I have successfully implemented the scrollTo jQuery plugin which scrolls to the next div with the class "new" when a link is clicked. However, I would also like to be able to use the arrow keys to scroll up and down to the next/previous divs of the same class. I have looked all over the internet but have been unable to find out how to do this. I am very new to JS so very simple instructions would be appreciated! Here is the relevant code: <script type="text/javascript"> jQuery(function($){ $('<div id="next_arrow"></div>') .prependTo("body") //append the Next arrow div to the bottom of the

I came across the home page of this website http://www.mediafire.com/ , in which when you roll the mouse wheel the page position itself automatically to the next section in the page. I like to know how its done. Can anyone help me with this. Thanks in advance. Regards, Aswin I think this type of animation is probably hard to take in especially someone new to jQuery. This involves scrolling, catching the mousewheel events, delay in animations, and most of all getting it to work properly on cross browsers and on mobile browsers' swipe and touch events. If you don't have a solid understanding I

I'm trying to scroll down 100px every time the user gets near the top of the document. I have the function executing when the user gets close to the top of the document, but the .scrollTo function isn't working. I put an alert after and before to check to see if it actually was the line or not that was stopping it and only the first alert goes off, here's the code: alert("starting"); $.scrollTo({ top: '+=100px', left: '+=0px' }, 800); alert("finished"); I know I have the jquery page linked properly because I'm using many other jquery functions throughout and they all work fine. I've also tried

I have a sliding panel set up on my website. When it finished animating, I set the hash like so function() { window.location.hash = id; } (this is a callback, and the id is assigned earlier). This works good, to allow the user to bookmark the panel, and also for the non JavaScript version to work. However, when I update the hash, the browser jumps to the location. I guess this is expected behaviour. My question is: how can I prevent this? I.e. how can I change the window's hash, but not have the browser scroll to the element if the hash exists? Some sort of event.preventDefault() sort of thing