YouTube Header Relative Position

The top header will no longer scroll along with the page

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

// ==UserScript==
// @name        YouTube Header Relative Position
// @namespace   https://github.com/valera5505
// @description The top header will no longer scroll along with the page
// @author      Valery Kirichenko
// @homepage    https://github.com/valera5505/Relative-YouTube-Header
// @match       *://www.youtube.com/*
// @version     1.0
// @grant       none
// ==/UserScript==

function setMasthead() {
    var isFixed;
    if (window.location.href.indexOf("watch") != -1)
        isFixed = false;
    else
        isFixed = true;

    document.getElementById("masthead-positioner").style.position = isFixed ? 'fixed' : 'relative';
    document.getElementById("masthead-positioner-height-offset").style.display = isFixed ? 'block' : "none";
}

setMasthead();

// SPFdone is event of YouTube AJAX page loader. I want to have relative header
// on video page, but normal header on other pages
document.addEventListener("spfdone", function() {
    setMasthead();
});