🍄

スクリーンショットをジャストサイズで取得する小技

に公開

DevToolsでスクロールバーを非表示

(htmlを編集 → どこかしらにコピペするだけ)

<style>
body::-webkit-scrollbar {
display: none;
}
</style>

スクロールバーのスタイリング

(凝りだすと色々できる)


/* 幅 */
*::-webkit-scrollbar {
width: 8px;
}

/* ハンドルの色 */
*::-webkit-scrollbar-thumb {
background: #777;
}

/* 背景色 */
*::-webkit-scrollbar-track {
background: #AAA;
}

/* その他 */
/*
::-webkit-scrollbar-button <== 上下のボタン部

::-webkit-scrollbar-corner <== 右下の角(縦横双方のスクロールバーがある場合)

::-webkit-resizer <== リサイズ領域(ドラッグで伸縮する部分)
*/

Discussion