Minimal jQuery Back To Top Button Plugin - dyScrollUpJS

File Size: 35.5 KB
Views Total: 5628
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Minimal jQuery Back To Top Button Plugin - dyScrollUpJS

Just another jQuery implementation of the scroll / back to top button that comes with several useful configuration options to fit your needs. Ideal for long web page to improve the user experiences.

How to use it:

1. To use this plugin, just include jQuery library and the dyscrollup.min.js script at the bottom of the webpage.

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

2. Then initialize the plugin and we're done.


3. Set the default position of the scroll to top button.

#dyscrollup-btn {
  z-index: 999999;
  position: fixed;
  cursor: pointer;
  display: none;
  bottom: 32px

4. Customize the scroll to top button with the following configs.


  // show after 300px
  showafter : '300',

  // scrolling animation speed
  scrolldelay : '500',

  // where to place the button
  position : 'right',

  // scroll to top image
  image : 'image/36.png',

  // circle or square
  shape : 'circle',

  // width / height
  width : 32,
  height : 32

Change log:


  • v1.1.4


This awesome jQuery plugin is developed by yusufshakeel. For more Advanced Usages, please check the demo page or visit the official website.