Examples

Getting Started

<linkrel="stylesheet"href="jquery.scrollz.css">
<scriptsrc="jquery.js"></script>
<scriptsrc="jquery.scrollz.min.js"></script>
<script>jQuery(function($) {// #content must have a height set before calling scrollz $('#content').scrollz();});</script>

Methods

Scrollz provides the following methods:

height(height) : redefines scrolling area height.

hidePullHeader(animated, top) : hides the pull header (must be called after processing of the pull action completed), if animated parameter is not provided it is set to true by default. If top parameter is provided, the scroller position is set to top after pull header has been hidden.

jQuery Mobile support

simple: builds a simple scrolling area on the target element with default options.

pull: builds a scrolling area on the target element with a pull header, other options are default options.

When the feature is used, the scrolling area height is set to fit the window size (without eventual header or footer).
This height is updated every time the widow is resized. So the attribute cannot be used on 2 elements stacked vertically. However the attribute can be used on elements stacked horizontally as the width is never resized.