Custom Scroll To Top Button In Pure JS – dyScrollUpJS

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
  
});