Over Scroll

Scroll overflow bounce effect AngularJS & jQuery plugin for touch devices

Requirement

• AngularJS 1.5.5 or higher (AngularJS version)
• lodash 4.11.1 or higher
• jQuery 2.2.3 or higher

Usage

AngularJS

angular.module('someApp',['overScroll'])

<!-- options can be a variable in $scope or json object string. it's optional --> <div style="width:300px;height:300px;" over-scroll="options"><div>

jQuery

<div style="width:300px;height:300px;" id="foo"><div>

//options object is optional $('#foo').overScroll(options);

Options

• self : If set this true, over-scroll effect will appear in DOM element itself. otherwise child elements. (default: false)
• horizontal : Horizontal scroll (default: false)

Event

triggers jQuery event and emits AngularJS event on scope too.

• overScrolledTop : fires when over-scrolled top of element few pixels.
• overScrolledBottom : fires when over-scrolled bottom of element few pixels.

Demo

• AngularJS Demo
• jQuery Demo

Download

• Releases

License

The MIT License (MIT)

Copyright (c) 2016 Elevista