Puts floats in single line.
To make Scrollyeah work on a page:
- Link to the newest jQuery, scrollyeah.css & scrollyeah.js.
- Add elements to
<div class="scrollyeah"></div>.
Basic example:
<script src="jquery.js"></script> <link href="scrollyeah.css" rel="stylesheet" /> <script src="scrollyeah.js"></script> <div class="scrollyeah"> <div class="float">1</div> <div class="with-any-class">2</div> <div class="yeah">3</div> <!-- ... --> </div>
Options are passed through the data-optionName attributes:
<div class="scrollyeah" data-shadows="false" data-disableIfFit="true"> <!-- ... --> </div>
Enables shadows.
Inner content max-width in pixels. Increase if your content wider than 999999px.
Disables dragging if no overflow.
Centers content if width enough.
Triggers scrollyeah event on element.
Default options:
{ maxWidth: 999999, shadows: true, disableIfFit: true, centerIfFit: false, triggerScrollyeah: false }
jQuery (1.9+) is required.
Copyright © 2012 Artem Polikarpov Licensed under the MIT License.