Google Maps style scrolling anyone?


I am looking for some JavaScript plugin (preferably jQuery) to be able to scroll through an image, in the same way that Google Maps works.

I can make the image draggable but then I see the whole image while dragging even if the parent div is overflow:hidden.

Any help would be greatly appreciated!


For a good description of the underlying technology have a look at Chapter 4 (if I recall correctly) of the Pragmatic Programmers' book Pragmatic Ajax.

You'll see how the image slicing and dicing works under the covers. And the zooming.

By : Rob Wells

(I'm super late to this now dead party, but hey, I found this page via a search so...)

Scrollview plugin suggested by mooware didn't work for me.

However Dragscrollable did:

Try out the demonstration

By : Dominic

I may be a little late to the party, but I was just looking for the same thing. What I stumbled upon is scrollview for jquery, it works perfect and does exactly this google maps-like drag-to-scroll for overflowed divs.

By : mooware

This video can help you solving your question :)
By: admin