yii2-scrollup-widget

Wrapper around "Scroll Up", a "lightweight jQuery plugin to create a customisable "Scroll to top" feature that will work with any website, with ease., _(*1)

Check out the ScrollUp Demo page for demo of the Plugin and don't forget to have a look to the scrollUp jQuery plugin Home page., _(*2)

Installation

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

Either run, _(*4)

php composer.phar require --prefer-dist raoul2000/yii2-scrollup-widget "*"

or add, _(*5)

"raoul2000/yii2-scrollup-widget": "*"

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

Usage

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

 Scrollup::THEME_IMAGE,
    'pluginOptions' => [
        'scrollText' => "To top", // Text for element
        'scrollName'=> 'scrollUp', // Element ID
        'topDistance'=> 400, // Distance from top before showing element (px)
        'topSpeed'=> 3000, // Speed back to top (ms)
        'animation' => Scrollup::ANIMATION_SLIDE, // Fade, slide, none
        'animationInSpeed' => 200, // Animation in speed (ms)
        'animationOutSpeed'=> 200, // Animation out speed (ms)
        'activeOverlay' => false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
    ]
]);

?>

If you wish to use your own styling for the scroll-up, just remove the 'theme' option and provide the required CSS style., _(*8)

For more information on the plugin options and usage, please refer to scrollUp jQuery plugin Home page., _(*9)