Attention! This repository is not currently maintained, and is kept for historical purpose only. Fork your copy away!

Thanks everyone for support <3

🔒🔒🔒

Scrollyeah 👍

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
}

artpolikarpov/scrollyeah