ページエリアの巻き上げ

https://gyazo.com/9a9c4c912e2d919be93b7f1471d19f06

ページエリアを巻き上げて、下部の Links がせり上がるUserScript。

Ctrl + Shift + ↑　：　　巻き上げ　　　ページエリアが隠れる

Ctrl + Shift + ↓　：　　もとに戻す

Ctrl + PageDown でもいいのだけど・・・Links の先頭あたりが見たいのに、一番下まで行ってしまう・・・（泣）

code:script.js

// キーボードショートカットで .page クラスの要素を表示・非表示を切り替える

document.addEventListener('keydown', function(event) {

if (event.ctrlKey && event.shiftKey && event.keyCode == 38) { // 上方向矢印のキーコードは　38

// ページ全体を見えなくする場合

// document.querySelector('.page').style.display = 'none';

// ページタイトルを残す場合

document.querySelectorAll('.page .line > *:not(.line-title .text)').forEach(el => {

el.style.display = 'none';

});

window.scrollTo(0, 0);

}

});

document.addEventListener('keydown', function(event) {

if (event.ctrlKey && event.shiftKey && event.keyCode == 40) { // 下方向矢印のキーコードは　40

// ページ全体を見えなくする場合

// document.querySelector('.page').style.display = '';

// ページタイトルを残す場合

document.querySelectorAll('.page .line > *:not(.line-title .text)').forEach(el => {

el.style.display = '';

});

window.scrollTo(0, 0);

}

});