Question

I’ve got a very huge html page (like 7000*5000) and i’d need to move the user’s view around that page with javascript.

I can easily unable the user to move around by himself by removing the browser scrollbars (with overflow:hidden on html), what i need to do next is to control the movement of the “camera” around that huge page in js/jquery.

I didn’t found anything on the web even if I searched a lot, apart from using anchors with smooth jQuery scrolling, which is OK (even if not very neat) to move in a vertical way, but then it becomes very complicated to do it horizontally.

Is there any way of doing this ?

Thanks a lot 🙂

Answer 1

The jQuery scrollTo and localScroll plugins are perfectly suited to this. Take a look here: http://flesler.blogspot.co.uk/2007/10/jquerylocalscroll-10.html for the options and here for a demo: http://demos.flesler.com/jquery/scrollTo/

The plugins allow you to queue the animation and define settings for scrolling horizontally and vertically at the same time, or vertically then horizontally, etc.

Neal