ibrarturi/yii2-scrollup

A wraper for jQuery plugin scrollup

Scroll Up

Yii2 Extension which is a wrapper for jQuery plugin scrollup, _(*1)

Installation

The preferred way to install this extension is through composer., _(*2)

Either run, _(*3)

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

or add, _(*4)

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

to the require section of your composer.json file., _(*5)

Usage

Once the extension is installed, simply use it in your code by :, _(*6)

• Default Usage

<?= \ibrarturi\scrollup\ScrollUp::widget(); ?>

• Usage with theme parameter, _(*7)

  ```php = \ibrarturi\scrollup\ScrollUp::widget([ 'theme' => 'tab', // pill, link, image, tab ]); ?>, <sub>(*8)</sub>

 * Usage with default optional parameters

 ```php
 <?= \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

• Project Page
• Demo