scrollyeah
scrollyeah copied to clipboard
Puts floats in single line.
Attention! This repository is not currently maintained, and is kept for historical purpose only. Fork your copy away!
Thanks everyone for support <3
:lock::lock::lock:
Scrollyeah :+1:
Puts floats in single line.
Getting Started
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
Options are passed through the data-optionName
attributes:
<div class="scrollyeah" data-shadows="false" data-disableIfFit="true">
<!-- ... -->
</div>
shadows
Enables shadows.
maxWidth
Inner content max-width in pixels. Increase if your content wider than 999999px.
disableIfFit
Disables dragging if no overflow.
centerIfFit
Centers content if width enough.
triggerScrollyeah
Triggers scrollyeah
event on element.
Default options:
{
maxWidth: 999999,
shadows: true,
disableIfFit: true,
centerIfFit: false,
triggerScrollyeah: false
}
Examples
Live example
- http://ilyabirman.ru/
jQuery (1.9+) is required.
License
Copyright © 2012 Artem Polikarpov Licensed under the MIT License.