jQuery DragPan

jQuery DragPan

Cart 91 sales


Give your website visitors the ability to navigate a large area of rendered HTML quickly. Useful for creating maps of supermarkets, shopping malls, theme parks, zoos, festival sites, theatres, airports, seating plans in fact anywhere where the map would be larger than the users browser.


  • Very few images, mostly CSS
  • Includes 22 different customizable options and 3 callbacks
  • Function to move map to position
  • Doesn’t stop user from dragging beyond map, just bounces back till the whole map fills the screen
  • Scrollbars (Colour changable using CSS) and they adjust to the zoom
  • Copyright/help message (You choose the message)
  • Restrict to horizontal/vertical panning
  • Customise grab/grabbing cursor
  • Change return animation speed
  • Modify inertia after releasing
  • Restrict dragging to the viewport
  • NEW By popular request, Zoom

Update 1.2

  • Added zoom capacity
  • Arrow images replaced with css
  • Bug fixes

Update 1.1

  • Added inertia options
  • Added ability to restrict map to viewport
  • Bug fixes

In The Wild (Examples)

If you use this script on your site/in an app then let me know, I will add a link to it here.

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey