User:BrandonXLF/FloatHead
Jump to navigation
Jump to search
< BrandonXLF's scripts | JS | CSS | Base template
| Description | Makes the head float Float Head makes the head (top menu) float and remain at the top as you scroll down. |
|---|---|
| Author(s) | User:BrandonXLF |
| Status | Working |
| First released | January 9, 2018 |
| Source | FloatHead.js (git) FloatHead.css (git) |
| GitHub repository | wikipedia-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]]
- Alternatively, use the following instead of the above:
mw.loader.load('/w/index.php?title=User:BrandonXLF/FloatHead.css&action=raw&ctype=text/css', 'text/css'); // [[User:BrandonXLF/FloatHead.css]]
- To install on other wikis (for instance, globally in your global.js on the Meta-Wiki), use the following code:
mw.loader.load('https://en.wikipedia.org/w/index.php?title=User:BrandonXLF/FloatHead.css&action=raw&ctype=text/css', 'text/css');
- After installing reload the page and clear your cach
Using CSS
- Add the following to your common.css or your skin.css AT THE TOP (but after @charset):
@import url(https://en.wikipedia.org/w/index.php?title=User:BrandonXLF/FloatHead.css&action=raw&ctype=text/css); /* [[User:BrandonXLF/FloatHead.css]] */
- After installing reload the page and clear your cace
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.