Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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', zIndex:9999
}).appendTo('body');
var menu = $('<div></div>').css({
position:'fixed', bottom:'60px', right:'20px',
maxHeight:'300px', overflow:'auto',
padding:'5px 10px', background:'#fff', border:'1px solid #444',
borderRadius:'5px', display:'none', zIndex:9999
}).appendTo('body');
$('h1, h2, h3').each(function() {
var id = $(this).attr('id');
if (!id) {
id = 'hdr-' + Math.random().toString(36).substr(2,5);
$(this).attr('id', id);
}
var link = $('<div>'+$(this).text()+'</div>').css({
cursor:'pointer', padding:'2px 0'
}).appendTo(menu);
link.click(function() {
$('html, body').animate({scrollTop:$('#'+id).offset().top}, 500);
menu.hide();
});
});
btn.click(function() {
menu.toggle();
});
});