< BrandonXLF's scripts | JS | CSS | Base template

Float Head
DescriptionMakes the head float
Float Head makes the head (top menu) float and remain at the top as you scroll down.
Author(s)User:BrandonXLF
StatusWorking
First releasedJanuary 9, 2018
SourceFloatHead.js (git)
FloatHead.css (git)
GitHub repositorywikipedia-user-scripts

Float Head makes the head (top menu) float and remain at the top as you scroll down.

Installation

You can install this script using JavaScript (JS) or Cascading Style Sheets (CSS). CSS will allow the script to run right at load whereas JS may have a delay before applying, this means the scripts style won't work instantly using JS but will using CSS.

Using JS

importStylesheet('User:BrandonXLF/FloatHead.css'); // [[User:BrandonXLF/FloatHead.css]]
mw.loader.load('/w/index.php?title=User:BrandonXLF/FloatHead.css&action=raw&ctype=text/css', 'text/css'); // [[User:BrandonXLF/FloatHead.css]]
mw.loader.load('https://en.wikipedia.org/w/index.php?title=User:BrandonXLF/FloatHead.css&action=raw&ctype=text/css', 'text/css');

Using CSS

@import url(https://en.wikipedia.org/w/index.php?title=User:BrandonXLF/FloatHead.css&action=raw&ctype=text/css);

Comments/Bugs

Comments are welcome on my talk page, be sure to indicate that you're talking about this script in the title. I would really like any suggestion to make the script run better.