Minimal jQuery Back To Top Button Plugin - dyScrollUpJS

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

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="//code.jquery.com/jquery.min.js"></script>
<script src="js/dyscrollup.min.js"></script>

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

dyscrollup.init();

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.

dyscrollup.init({

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

2017-12-06

  • v1.1.4

2016-11-28


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