[frio] Improve back to top button behavior at bottom of page
This commit is contained in:
parent
16acf1db95
commit
5930d94c91
1 changed files with 13 additions and 3 deletions
|
@ -3,11 +3,21 @@ var jotcache = ''; //The jot cache. We use it as cache to restore old/original j
|
|||
|
||||
$(document).ready(function(){
|
||||
//fade in/out based on scrollTop value
|
||||
var scrollStart;
|
||||
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 1000) {
|
||||
$("#back-to-top").fadeIn();
|
||||
} else {
|
||||
let currentScroll = $(this).scrollTop();
|
||||
|
||||
// Top of the page or going down = hide the button
|
||||
if (!scrollStart || !currentScroll || currentScroll > scrollStart) {
|
||||
$("#back-to-top").fadeOut();
|
||||
scrollStart = currentScroll;
|
||||
}
|
||||
|
||||
// Going up enough = show the button
|
||||
if (scrollStart - currentScroll > 100) {
|
||||
$("#back-to-top").fadeIn();
|
||||
scrollStart = currentScroll;
|
||||
}
|
||||
});
|
||||
|
||||
|
|
Loading…
Reference in a new issue