Qiitaのフィードを無限スクロールにするスクリプト #JavaScript

Qiitaのフィードのもっと読むをクリックするのが面倒なので、スクロールしたら自動読み込まれるスクリプトを書いてみました。地味に便利。

インストール

greasemonkeyがすでにインストールされている必要があります。
greasemonkeyがインストールされていれば、以下のリンクをクリックでインストールできます。

インストール

もしくはgithubからインストールしてみてください。

akameco/gm-qiita-infinite-more

chrome向けにchrome拡張も書いてみましたが、登録料が5ドルかかるとつくってから知ってAppStoreに出してないですが、githubには公開しています。
こちらはインストールは手動です。

akameco/qiita-infinite-more

デモ

コード

スクリプト自体非常に単純で特定の要素に来たら、クリックイベントを発火させているだけです。

// ==UserScript==
// @name        gm-qiita-infinite-more
// @namespace   gm-qiita-infinite-more
// @include     http://qiita.com/*
// @version     1
// @grant       none
// ==/UserScript==

function infinitelyMore() {
    const btn = $('.more-button').get(0);

    if (!btn) {
        return;
    }

    const wHeight = window.innerHeight;
    const wScroll = window.pageYOffset || document.scrollTop;

    const btnOffset = $('.more-button').offset().top;
    if (wScroll > (btnOffset - wHeight)) {
        btn.click();
    }
}

document.addEventListener('DOMContentLoaded', () => {
    window.addEventListener('scroll', infinitelyMore);
    window.addEventListener('resize', infinitelyMore);
});