jquery.scrollz icon indicating copy to clipboard operation
jquery.scrollz copied to clipboard

jQuery mobile integration

Open mathishuettl opened this issue 9 years ago • 1 comments

hey,

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

mathishuettl avatar Apr 18 '15 14:04 mathishuettl

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

zippy1978 avatar Apr 25 '15 19:04 zippy1978