☰

ページの末尾を超えてスクロールできるようにする

tag-icon • tag-icon browser scrolling
ページの末尾を超えてスクロールできるようにする

ウェブブラウザ (IE、Firefox、Chrome) には、ページの最後から 1 画面分までスクロールできるオプションはありますか? 長いテキスト ページを読んでいて、次のページにスクロールするために Page-Down キーを押すと、ブラウザ ウィンドウの下部にあるテキストがウィンドウの上部にスクロールされます (約 2 行重なります)。最後の半画面または 4 分の 1 画面までスクロールすると、下部がブラウザ ウィンドウの中央あたりにスクロールされ (ドキュメントの残りの部分の長さに基づきます)、自分の位置を探す必要があります。

この動作を切り替えることができるプラグインまたはアドオンがあればさらに良いでしょう。

Notepad++ の ScrollPastEOF プラグインに似ていますが、Web ブラウザー用です。

答え1

あなたのために Chrome 拡張機能を作成しました。かなり大まかな修正ですが、他に何もしなくても目的を達成できます。ぜひご覧ください: https://github.com/LudwikJaniuk/MorePageSpace/releases/

ご注意: これは、視差効果などを備えた超インタラクティブな Web サイトでは機能しない可能性があります。試してみればわかります。

ソースコードを読むウェブ開発者への注意:<br/>はい、ページの HTML に 数十個追加するよりも良い方法があることはわかっています。

あなたが Web 開発者であるか、少なくとも簡単な HTML を知っている場合の注意点: この拡張機能の基本的な機能は、<br/>ボタンをクリックするとページ本文の末尾にたくさんのタグを追加することです。画面がかなり大きいのでたくさんのタグを追加しましたが、もっと追加したい場合は、いつでも 2 回クリックできます。または 3 回クリックすることもできます... ;)

また、Web サイトのソースを自分で操作することも確かに可能です。しかし、ボタンを押す方がはるかに簡単ではないでしょうか?

答え2

これは私がこれのために使用している CSS コードです。これは、より少ないサイトでより少ない問題を引き起こしたバージョンです。インストールするには、Stylish アドオンまたはブラウザに対応するものを参照してください。「700px」は、スクロールの最後に最後の行が表示されるようにするために、ページ表示領域から少し減らしたものです。

html {
    height: auto !important;
    padding-bottom: 700px !important;
}

たとえば、Firefox ブラウザでは、スタイリッシュ メニューの「空白のスタイルを書き込む」をクリックし、次のコードを入力します。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://), url-prefix(file://) {
    html {
        height: auto !important;
        padding-bottom: 700px !important;
    }
}

どのブラウザでも動作するはずですが、私は Firefox でのみテストしたことを付け加えておきます。

関連情報