search

zippy1978 / jquery.scrollz

Modern scrolling for jQuery
GNU General Public License v2.0
81 stars 17 forks source link

jQuery mobile integration #26

Open mathishuettl opened 9 years ago

mathishuettl commented 9 years ago

hey,

i dont understand the integration to jquery mobile, i just have to add the data-scrollz attribute NOTHING MORE? regards from austria

zippy1978 commented 9 years ago

Hi,

That's it ! But don't forget to include the .js and the .css file in your page, as described here:

<html>
    <head>
        <link rel="stylesheet" href="jquery.mobile.css">
        <link rel="stylesheet" href="jquery.scrollz.css">
        <script src="jquery.js"></script>
        <script src="jquery.mobile.js"></script>
        <script src="jquery.scrollz.min.js"></script>
    </head>
    <body>
        <div id="index" data-role="page" data-theme="a">
                <!-- Header -->
                <div data-role="header" data-position="fixed" data-tap-toggle="false">
                        <!-- Header content here. -->
                </div>

                <!-- Content : data-scrollz supports 'simple' or 'pull'. Content is automatically resized to  the window height between header and footer. -->
                <div id="content" data-role="content" data-scrollz="pull">
                        <!-- Scrollable content here. -->
                </div>

                <!-- Footer -->
                <div data-role="footer" data-position="fixed" data-tap-toggle="false">
                        <!-- Footer content here. -->
                </div>
        </div>
    </body>
</html>

Regards, Gilles