codecomputerlove/mapescape

jQuery / Zepto plugin for maps

MapEscape

A jQuery / Zepto plugin for maps.

This plugin detects if the viewable area on your map is greater than or beyond the screen height, and places a scrollable area to the right of your map. This scrollable area then allows you to scroll out of the map and reach the rest of the content on your web page.

1. Simple to integrate with one line of code.
2. Completely customisable via options, and CSS
3. Less than 1k minified
4. Compatable with both jQuery and Zepto

DEMOS

http://labs.codecomputerlove.com/MapEscape/

IMPLEMENTATION

//simple initialise mapescape
$(document).ready(function(){

	$('.map').mapescape();

});

OPTIONS

- alwaysOn		| Boolean |	if false map height is measured against window height - true always shows scoll area
- hiddenClass	| String  |	CSS class to hide the control
- scrollText	| String  | text in scroll indicator - leave blank for none
- threshhold	| Integer | Amount of viewable scroll area below the map before control is shown
- tabCenter		| Boolean |	Position the scroll indicator with JS - false to position with CSS
- scrollFollow	| Boolean |	set to false for static scroll tab

FILES

demos/scripts/mapescape.min.js

demos/css/mapescape.css

demos/images/scroll-icon.png

mapescape's Issues

jquery version for a drupal module

hi is it possible to make this work for older versions of jQuery

i've made a module to make this work with Drupal, but unfortunately Drupal has an older version of jQuery as standard and there are a lot of modules that use jQuery and dont function correctly with the latest version.

Drupal 7 includes jQuery 1.4.4 and jQuery UI 1.8.7 - it is possible to update it to a more recent version, but that requires installing another module and can cause other issues.

If you're able to help i'll obviously share whatever i've done - cheers