-
Download IScoll4 from this address http://cubiq.org/iscroll-4
-
Insert these lines inside your head:
<script src="url_to_scripts/iscroll.js"></script> <script src="url_to_scripts/IS.js"></script>
-
You must use divs for header and footer to be able to use this script
-
You must add data-iscroll="enable" to your div[data-role=page]
-
You must add data-iscroll="scroller" to your div that you want to make scrollable
-
Your scrollable div must be at the same level as your footer and header
-
You have to add an additional div inside your scrollable div
-
Add these lines after the div[data-role=page]:
<script> $('div[data-role="page"]').live('pageshow',function(){ if(!window.plugins) { window.plugins = {}; } if(window.plugins.is == undefined){ window.plugins.is = new IS(); } window.plugins.is.initPageScroll(); }); </script>