Fix Home, End, Page Up and Page Down keys for Chat GPT OpenAI broken chats

For some Chat GPT OpenAI chats the Home, End, Page Up and Page Down keys stop working, this script fixes the problem

2024-02-27 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Fix Home, End, Page Up and Page Down keys for Chat GPT OpenAI broken chats
// @description  For some Chat GPT OpenAI chats the Home, End, Page Up and Page Down keys stop working, this script fixes the problem
// @author       NWP
// @namespace    https://greatest.deepsurf.us/users/877912
// @version      0.2
// @license      MIT
// @match        https://chat.openai.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    document.addEventListener('keydown', function(event) {
        const scrollableContainer = Array.from(document.querySelectorAll('div')).find(div => /^react-scroll-to-bottom--css-\S+$/.test(div.className));

        if (scrollableContainer) {
            if (event.key === 'Home') {
                event.preventDefault();
                scrollableContainer.scroll(0, 0);
            } else if (event.key === 'End') {
                event.preventDefault();
                scrollableContainer.scroll(0, scrollableContainer.scrollHeight);
            } else if (event.key === 'PageUp') {
                event.preventDefault();
                const scrollAmount = scrollableContainer.clientHeight * 0.75;
                scrollableContainer.scrollBy(0, -scrollAmount);
            } else if (event.key === 'PageDown') {
                event.preventDefault();
                const scrollAmount = scrollableContainer.clientHeight * 0.75;
                scrollableContainer.scrollBy(0, scrollAmount);
            }
        } else {
            console.error("No scrollable container found with the specified class pattern.");
        }
    });
})();