阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.Scrollyeah 中文API文档

      插件 jQuery.Scrollyeah 中文API文档 https://github.com/artpolikarpov/scrollyeah 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:

      1. Link to the newest jQuery, scrollyeah.css & scrollyeah.js.
      2. 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

      1. Default
      2. Disable if fit
      3. Center if fit
      4. Parallax

      Live example

      jQuery (1.9+) is required.

      License

      Copyright © 2012 Artem Polikarpov Licensed under the MIT License.

      目录
      目录