Скрывает кнопку прокрутки на основе позиции — исчезает, когда страница и так в самом верху.
При клике происходит плавная прокрутка
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| $(document).ready(function() {
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function() {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
}); |
HTML:
1
2
3
| <p id="back-top" style="display: block; ">
<a href="#top"><span></span><em>Back to top</em></a>
</p> |
|