Custom Scroll To Top Button In Pure JS – dyScrollUpJS

Category: Animation , Javascript | May 28, 2018
Author: yusufshakeel
Views Total: 810
Official Page: Go to website
Last Update: May 28, 2018
License: MIT

Preview:

Custom Scroll To Top Button In Pure JS – dyScrollUpJS

Description:

This is the vanilla JavaScript version of the jQuery dyScrollUpJS plugin which helps you implement a customizable, animated scroll to top button on the webpage without any dependencies.

How to use it:

Insert the minified version of the dyScrollUpJS library into the document.

<script src="dyscrollup.min.js"></script>

Initialize the dyScrollUpJS library to create a default ‘scroll to top’ button on the webpage.

dyscrollup.init();

To customize the  ‘scroll to top’ button, pass the following options to the dyScrollUpJS.

dyscrollup.init({

  // in milliseconds
  showafter: 300,
  scrolldelay: 500,

  // or 'left'
  position: 'right',

  // image for the scroll to top button
  image: "",

  // or 'other'
  shape: 'circle',

  // width/height in pixels
  width: 32,
  height: 32
  
});

You Might Be Interested In:


Leave a Reply