Usage

HTML

<div class="map">your map code here</div>

Javascript

<!-- The same code is valid for both jQuery and Zepto -->

<script type="text/javascript">

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

</script>

Options

Options are kept to a minimum as it has little functionality; however, a lot can be achieved via styling through CSS

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