利用者:Atmark-chan/custom/FixedHeader.js

お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。

多くの Windows や Linux のブラウザ

Ctrl を押しながら F5 を押す。

Mac における Safari

⇧ Shift を押しながら、更新ボタンをクリックする。

Mac における Chrome や Firefox

⌘ Cmd と ⇧ Shift を押しながら R を押す。

/* 開発中 */

var fixedHdr = document.createElement('div');
fixedHdr.id = 'p-personal-fixed';

var cloneUl = $('#p-personal ul').clone();
// var cloneLi = cloneUl.find($('li'));

// fixedHdr.appendChild(cloneUl);
fixedHdr.appendChild($('div#p-personal-fixed-child'));
console.log(fixedHdr);

mw.util.addCSS(
	'#p-personal-fixed {'
		+ 'background-color: lightgray;'
		+ 'border-bottom: aquamarine 10px solid;'
		+ 'position: fixed;'
		+ 'height: 20px;'
		+ 'width: 100%;'
		+ 'top: -20px;'
	+ '}'
	
	+ '#p-personal-fixed:active,'
	+ '#p-personal-fixed:hover {'
		+ 'top: 0px;'
	+ '}'
	
	+ '#p-personal-fixed-child {'
		+ 'height: 20px;'
		+ 'width: 20px;'
		+ 'background-color: aquamarine;'
		+ 'border-radius: 50%;'
		+ 'position: absolute;'
		+ 'bottom: -20px;'
		+ 'right: 20%;'
	+ '}'
);

document.body.appendChild(fixedHdr);