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

お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。多くの Windows や Linux のブラウザ ●Ctrl を押しながら F5 を押す。 Mac における Safari ●⇧ Shift を押しながら、更新ボタン

をクリックする。 Mac における Chrome や Firefox ●⌘ Cmd と ⇧ Shift を押しながら Rを押す。詳細についてはWikipedia:キャッシュを消すをご覧ください。

/* 開発中 */

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);