Skip to content

Instantly share code, notes, and snippets.

@RossTeek

RossTeek/Javascript: scroll up button.js

Forked from kovaldn/Javascript: scroll up button.js
Created March 27, 2016 12:24
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save RossTeek/601305fad3501a7bbe57 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save RossTeek/601305fad3501a7bbe57 to your computer and use it in GitHub Desktop.
Download ZIP
Javascript: scroll up button.js
Raw
Javascript: scroll up button.js
// scroll up-------------------------------------
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
// -----------------------------------------------
// HTML
// <a href="#" class="scrollup">Scroll</a>
// CSS
// .scrollup{
// width:40px;
// height:40px;
// opacity:0.3;
// position:fixed;
// bottom:50px;
// right:80px;
// display:none;
// text-indent:-9999px;
// background: url(../images/icon_top.png) no-repeat;
// }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment