Mobile Pull to Refresh

Adds pull-to-refresh functionality to Funny Junk mobile

スクリプトをインストールするには、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         Mobile Pull to Refresh
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Adds pull-to-refresh functionality to Funny Junk mobile
// @author       EMANON
// @match        *://funnyjunk.com/*
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    let startY = 0;
    const threshold = 150; // Distance in pixels to trigger refresh

    // 1. Capture the starting point of the touch
    window.addEventListener('touchstart', (e) => {
        if (window.scrollY === 0) {
            startY = e.touches[0].pageY;
        }
    }, { passive: true });

    // 2. Track the movement
    window.addEventListener('touchmove', (e) => {
        const touchY = e.touches[0].pageY;
        const pullDistance = touchY - startY;

        // If user pulls down more than the threshold at the top of the page
        if (window.scrollY === 0 && pullDistance > threshold) {
            // Optional: You could add a visual CSS transform here
            console.log("Release to refresh...");
        }
    }, { passive: true });

    // 3. Trigger action on release
    window.addEventListener('touchend', (e) => {
        const touchY = e.changedTouches[0].pageY;
        const pullDistance = touchY - startY;

        if (window.scrollY === 0 && pullDistance > threshold) {
            // Perform the refresh
            location.reload();
        }
        // Reset startY
        startY = 0;
    });
})();