-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi all,
my Applikation runs very well on iphone and android, but i have a problem with scrolling on android. My grid scrolls very good with one finger on iphone but not on android. I found an example to scroll content on android with touchScroll a jQuery plugin.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <title>touchScroll jQuery plugin simple example</title> <style> body { overflow-y: hidden; } p { font: 18px Georgia; color: #444; margin: 0; padding: 20px; } code { font: 18px monospace; color: #444; margin: 0; } section { display: block; position: fixed; left: 30px; top: 30px; bottom: 30px; right: 30px; background-color: #ddd; overflow-y: auto; } nav { display: block; height: 100%; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } </style> </head> <body> <section> <nav> <p>View this on an android device.</p> <p>View this on an android device.</p> <p>View this on an android device.</p> <p>View this on an android device.</p> <p>View this on an android device.</p> <p>View this on an android device.</p> <p>View this on an android device.</p> <p>View this on an android device.</p> </nav> </section> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> <script src="https://github.com/neave/touch-scroll/raw/master/touch-scroll.min.js"></script> <script> $(document).ready(function() { if (!!('ontouchstart' in window)) { $('nav').touchScroll(); } }); </script> </body> </html>
can anyone help me to include this jQuery plugin in an zul-file
thanks for the help
Andi
Asked: 2012-02-03 11:48:08 +0800
Seen: 329 times
Last updated: Mar 31 '12