Gallery Scroll Navigator (custom setting)

Automatically navigate next/previous pages for gallery sites by vertical scrolling, with scroll buffer for turning pages. Forked from [Gallery Scroll Navigator] by [Yukiteru]. User can now apply this script to any custom websites.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

ستحتاج إلى تثبيت إضافة مثل Stylus لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتتمكن من تثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

(لدي بالفعل مثبت أنماط للمستخدم، دعني أقم بتثبيته!)

المؤلف
php w
التثبيت اليومي
1
إجمالي التثبيت
4
التقييمات
0 0 0
الإصدار
2.0
تم إنشاؤه
04-05-2026
تم تحديثه
04-05-2026
الحجم
29.6 KB
الترخيص
MIT
ينطبق على

📖 Overview

Automatically navigate next/previous pages for gallery sites by vertical scrolling, with scroll buffer (buffer that slows you down when turning pages).

This script is forked from Gallery Scroll Navigator by Yukiteru. All credit to the original creator.

New features: Able to Add New Supported Websites, 2 Navigation Modes, Adapted to Both desktop/mobile devices

Default supported websites: hitomi, pixiv, nhentai, exhentai, imhentai


✨ Key Features

All Settings are Optional

  • Navigating Pages by Vertical Scolling instead of Clicking Buttons
  • 2 Navigation Modes
    • Progress Bar not Accumulate Mode
    • Progress Bar Accumule Mode
  • User can Add Custom Supported Websites
    • User can add this feature to any (?) website. Details please see Settings
  • Adapted to both Desktop/Mobile

⚙️ Settings

A Setting UI Panel is made to manage all settings.

  • Sensitivity for Desktop/Mobile
  • 2 Navigation Modes:
    • Progress Bar not Accumulate Mode
      Scroll buffer can only be filled by one single scroll
    • Progress Bar Accumulate Mode
      Scroll buffer can be filled by multiple scrolls
  • Site Manager: user can define new websites for this script

    • Site Name
      Any name, not affecting the script
    • Host
      URL of the site
      • Please remember to add the site to //match in the script OR in the script setting
      • OR directly add *://* to //match to match all websites
    • Function Body of the Page Turning Function:
      The core logic function getPageButton(direction) {...} used in the script for page turning. User need to write this function (the {...} part) in Javascript.

      • Description of the function: getPageButton function takes direction, and return the Next/Prevous Page button or Null (if no button is found)
        • Input: direction (string), either 'next' or 'prev', depending on the scrolling direction. This is passed to the function automatically from the script
        • Output: Page button (HTML element), return Next button if 'next' is input, Previous button if 'prev' is input
        • Note: Output should return Null if no button can be found. E.g., Previous button cannot be found when user is at the 1st page
      • Example:
        A template function body suitable for website with a still Next/Previous button. No Previous button at 1st page; No Next button at last page.

        const selector = direction === 'next' ? 'CSS_selector_of_Next_button' : 'CSS_selector_of_Previous_button'; 
        const pageButton = document.querySelector(selector); 
        return pageButton || null;
        

        For more about CSS selector, please see FAQ


❓ FAQ

How do I find the CSS selector?

  1. Locate the target element on the page.
  2. Right-click > Inspect.
  3. In the DevTools window, right-click the highlighted element.
  4. Select Copy > Copy CSS selector.

🙏 Acknowledgments

  • AI assistance: this script was developed with the assistance of Gemini.
  • Forked from Gallery Scroll Navigator by Yukiteru. All credit to the original creator.

⚖️ Disclaimer

This script was developed with AI assistance. While tested, unforeseen issues or bugs may exist. Users assume all risks associated with using this script. The author is not responsible for any direct or indirect losses resulting from its use. Please comply with local laws and regulations.