Custom Scroll To Top Button In Pure JS – dyScrollUpJS

Category: Animation , Javascript | May 28, 2018
Views Total:802 views
Official Page:Go to website
Last Update:May 28, 2018


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.


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

  // 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