Documentation : Scroll Button 001

Getting Started

ScrollButton001 - is simple jQuery plugin that provides animated scroll button. Scroll button indicates that page will continue after scrolling. It’s well documented and easy to integrate in your project.

Required libraries

jquery assets/lib/jquery/jquery.js
snap svg assets/lib/snap/snap.svg-min.js
jellybo scroll button assets/js/scrollbutton.js

Initialization

Set class jellybo-ScrollBar001 to the element

<div class="jellybo-ScrollBar001"></div>

or use the jQuery plugin

<script>
$(document).ready(function (){
    $('#searchBtn1').jellyboScrollButton001();

})
</script>

Setting configuration

Passing as data-* attributes

<div class="jellybo-ScrollBar001" data-width="500"></div>

or passing object to the jQuery plugin

<script>
$(document).ready(function (){
    $('#searchBtn1').jellyboScrollButton001({
        width: 500,
    });

})
</script>

Configuration

Attributes

width width of the icon
height height of the icon
color_1 color of border
color_2 color of the dot in the middle
shadow_color color of the shadow
opacity opacity of the icon