MediaWiki:Test.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• 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:'#333', color:'#fff',
    cursor:'pointer', borderRadius:'5px', zIndex:9999,
    boxShadow:'0 2px 5px rgba(0,0,0,0.4)'
  }).appendTo('body');

  var menu = $('<div></div>').css({
    position:'fixed', bottom:'60px', right:'20px',
    maxHeight:'300px', overflow:'auto',
    padding:'5px 0', background:'#333', border:'1px solid #222',
    borderRadius:'5px', display:'none', zIndex:9999,
    boxShadow:'0 2px 8px rgba(0,0,0,0.5)'
  }).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:'4px 8px',
      background:'#fff', color:'#000',
      margin:'2px 5px', borderRadius:'3px'
    }).hover(
      function(){ $(this).css('background','#eee'); },
      function(){ $(this).css('background','#fff'); }
    ).appendTo(menu);
    link.click(function() {
      $('html, body').animate({scrollTop:$('#'+id).offset().top}, 500);
      menu.hide();
    });
  });

  btn.click(function() {
    menu.toggle();
  });
});