Mangalib Infinite Scroll

Infinite scroll on chat mangalib.me

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name         Mangalib Infinite Scroll
// @version      0.7.3
// @description  Infinite scroll on chat mangalib.me
// @author       reiwsan
// @match        https://mangalib.me/*
// @match        https://ranobelib.me/*
// @namespace    https://greasyfork.org/users/221048
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    const preloadPos = 321;

    /**
     * @param {Element} chatMore
     * @returns {void}
     */
    const historyAutoload = function(chatMore) {
        let chatItems = document.querySelector('.chat__items'),
            historyLoad = false;

        /**
         * @param {Element} chatMore
         * @returns {boolean}
         */
        const chatMoreClick = function(chatMore) {
            chatMore.click();
            return true;
        }

        chatItems.addEventListener('scroll', _ => {
            let scrollPos = ((chatItems.scrollHeight - chatItems.clientHeight) - chatItems.scrollTop),
                scrollPreload = (scrollPos <= preloadPos);

            historyLoad = (scrollPreload && !historyLoad) ?
                chatMoreClick(chatMore) : scrollPreload;
        });
    }

    if (typeof _CHAT_INSTANCE !== 'undefined') {
        const chatInitInterval = setInterval(() => {
            let chatMore = document.querySelector('.chat__more');

            if (chatMore) {
                clearInterval(chatInitInterval);
                historyAutoload(chatMore);
            }
        }, 50);
    }
})();