autopatrol
3,554
edits
(Created page) |
mNo edit summary |
||
Line 1: | Line 1: | ||
$( 'body' ).append( '<span id="to-top">▲ Go to top</span>' ); | $('body').append('<span id="to-top">▲ Go to top</span>'); | ||
var $topButton = $( '#to-top' ); | var $topButton = $('#to-top'); | ||
$topButton.css({ | |||
$topButton.css( { | 'color': '#000', | ||
'position': 'fixed', | |||
'bottom': '-30px', | |||
'right': '4px', | |||
'cursor': 'pointer', | |||
'transition': 'bottom 0.5s', | |||
'-webkit-transition': 'bottom 0.5s', | |||
'user-select': 'none', | |||
'-webkit-user-select': 'none', | |||
'-moz-user-select': 'none', | |||
'-ms-user-select': 'none' | |||
}).click(function() { | |||
} ).click( function() { | $('html, body').animate({ | ||
scrollTop: 0 | |||
} ); | }, 'slow'); | ||
}); | |||
$( window ).scroll( function() { | $(window).scroll(function() { | ||
if ($(window).scrollTop() > 100) { | |||
$topButton.css('bottom', '4px'); | |||
} else { | |||
$topButton.css('bottom', '-30px'); | |||
} | |||
} | }); | ||
} ); |