generator-weppy-mvc
Version:
Build a full stack python web application in minutes.
29 lines (25 loc) • 982 B
JavaScript
jQuery(document).ready(function($){
// browser window scroll (in pixels) after which the "back to top" link is shown
var offset = 300,
//browser window scroll (in pixels) after which the "back to top" link opacity is reduced
offsetOpacity = 1200,
//duration of the top scrolling animation (in ms)
scrollTopDuration = 700,
//grab the "back to top" link
$backTopTop = $('.cd-top');
//hide or show the "back to top" link
$(window).scroll(function(){
( $(this).scrollTop() > offset ) ? $backTopTop.addClass('cd-is-visible') : $backTopTop.removeClass('cd-is-visible cd-fade-out');
if( $(this).scrollTop() > offsetOpacity ) {
$backTopTop.addClass('cd-fade-out');
}
});
//smooth scroll to top
$backTopTop.on('click', function(event){
event.preventDefault();
$('body,html').animate({
scrollTop: 0 ,
}, scrollTopDuration
);
});
});