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
Download
License
The MIT License (MIT)
Copyright (c) 2016 Elevista