https://github.com/xinix-technology/tshirt-scroll

A momentum scroll event using CSS3 using touch event to use in mobile web app or mobile app
https://github.com/xinix-technology/tshirt-scroll

Last synced: about 1 month ago
JSON representation

A momentum scroll event using CSS3 using touch event to use in mobile web app or mobile app

• Host: GitHub
• URL: https://github.com/xinix-technology/tshirt-scroll
• Owner: xinix-technology
• License: apache-2.0
• Created: 2015-03-20T06:44:46.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2017-01-27T11:58:35.000Z (almost 8 years ago)
• Last Synced: 2024-10-11T01:13:44.530Z (2 months ago)
• Language: JavaScript
• Size: 85 KB
• Stars: 1
• Watchers: 9
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-xinix - tshirt-scroll - A momentum scroll event using CSS3 using touch event to use in mobile web app or mobile app - [dwaan](https://github.com/dwaan) (Grouping / Web)

README

        
T-Shirt Scroll

==============

T-Shirt Scroll is a momentum scroll event using CSS3 using touch event to use in mobile web app or mobile app.

**Available Configuration**

1. rubber: false // Set it true for rubber effect

1. scrollVertical: true // Set it true to make vertical scroll event

1. scrollHorizontal: false // Set it true to make horizontal event

1. onScroll: function (posX, posY, scaleX, scaleY, originX, originY, transition) {} // Call back when on scroll

1. onReachTop: function (posX, posY, scaleX, scaleY, originX, originY, transition) {} // Call back when scroll reach top

1. onReachBottom: function (posX, posY, scaleX, scaleY, originX, originY, transition) {} // Call back when scroll reach bottom

1. onReachLeft: function (posX, posY, scaleX, scaleY, originX, originY, transition) {} // Call back when scroll reach left

1. onReachRight: function (posX, posY, scaleX, scaleY, originX, originY, transition) {} // Call back when scroll reach right

**How to use**

	$("#scroll").scroll();

Makes sure the #scroll is wrapped in a tag with overflow:hidden in it.