ibrarturi/yii2-scrollup

A wraper for jQuery plugin scrollup

Maintainers

Details

github.com/ibrarturi/yii2-scrollup

Source

Issues

Installs: 1 721

Dependents: 0

Suggesters: 0

Security: 0

Stars: 3

Watchers: 2

Forks: 1

Open Issues: 0

Language:JavaScript

Type:yii2-extension

dev-master 2015-12-14 05:55 UTC

Requires

MIT 1e7ec3d104f2055d806856d89a5a853a9af84404

  • Ibrar Turi <ibrarturi.woop@gmail.com>

jquerypluginextensionyii2scrollup

This package is not auto-updated.

Last update: 2024-09-14 18:42:08 UTC

README

Yii2 Extension which is a wrapper for jQuery plugin scrollup

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist ibrarturi/yii2-scrollup "dev-master"

or add

"ibrarturi/yii2-scrollup": "dev-master"

to the require section of your composer.json file.

Usage

Once the extension is installed, simply use it in your code by :

  • Default Usage
<?= \ibrarturi\scrollup\ScrollUp::widget(); ?>
  • Usage with theme parameter
<?= \ibrarturi\scrollup\ScrollUp::widget([
   'theme' => 'tab',   // pill, link, image, tab
]); ?>
  • Usage with default optional parameters
<?= \ibrarturi\scrollup\ScrollUp::widget([
   'options' => [
       'scrollName' => 'scrollUp',      // Element ID
       'scrollDistance' => 300,         // Distance from top/bottom before showing element (px)
       'scrollFrom' => 'top',           // 'top' or 'bottom'
       'scrollSpeed' => 300,            // Speed back to top (ms)
       'easingType' => 'linear',        // Scroll to top easing (see http://easings.net/)
       'animation' => 'fade',           // Fade, slide, none
       'animationSpeed' => 200,         // Animation speed (ms)
       'scrollTrigger' => false,        // Set a custom triggering element. Can be an HTML string or jQuery object
       'scrollTarget' => false,         // Set a custom target element for scrolling to. Can be element or number
       'scrollText' => 'Scroll to top', // Text for element, can contain HTML
       'scrollTitle' => false,          // Set a custom <a> title if required.
       'scrollImg' => false,            // Set true to use image
       'activeOverlay' => false,        // Set CSS color to display scrollUp active point, e.g '#00FFFF'
       'zIndex' => 2147483647,          // Z-Index for the overlay
   ]
]); ?>

Resources