Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
$(function() {
var btn = $('<div>▲ Наверх</div>').css({
position:'fixed', bottom:'20px', right:'20px',
padding:'5px 10px', background:'#444', color:'#fff',
cursor:'pointer', borderRadius:'5px'
}).hide().appendTo('body');
$(window).scroll(function() {
if ($(this).scrollTop() > 200) btn.fadeIn(); else btn.fadeOut();
});
btn.click(function() {
$('html, body').animate({scrollTop:0}, 500);
});
});