てけとーぶろぐ。

ソフトウェアの開発と、お絵かきと、雑記と。

LINEマンガ Web版 の余計なスクロールバーを非表示にする

次回への伏線で小ネタをやります。

LINEマンガをPCで読む場合、こちらのWeb版を使うことになります。 しかし自分の環境だと表示倍率を下げても何故かスクロールバーがでてしまいます。 これを消す方法を紹介します。

WebブラウザーとしてEdgeを使う場合を紹介しますが Chromeでも基本的に同じです。 Chromeだと開発者ツールを開く時の確認がないかもしれません。

まずLINEマンガのWeb版をEdgeで開き、好きな書籍を開きます。

こんな風にスクロールバーが不要そうなページサイズですが スクロールバーが表示されています。 これを消していきます。

f:id:kurimayoshida:20210622203913p:plain

まずF12キーを押します。 するとこのように開発者ツールを開くか聞かれるので「DevToolsを開く」をクリックします。

f:id:kurimayoshida:20210622202806p:plain

開発者ツール(DevTools)が開くので「要素」タブをクリックします。

f:id:kurimayoshida:20210622202819p:plain

上の方にある「<html 」ではじまる行をクリックします。

f:id:kurimayoshida:20210622202834p:plain

そして下の方に表示された「overflow-y: scroll;」の行にマウスカーソルを持っていき 行の右に現れるチェックボックスをクリックしてチェックをはずします。

f:id:kurimayoshida:20210622202847p:plain f:id:kurimayoshida:20210622202901p:plain

するとスクロールバーが消えます。

f:id:kurimayoshida:20210622202916p:plain

あとは開発者ツール(DevTools)右上の「×」をクリックして開発者ツール(DevTools)を閉じます。

f:id:kurimayoshida:20210622202929p:plain