ChatGPT Vim-Style Scrolling (Ctrl+U / Ctrl+D)

Scroll ChatGPT with keyboard like Vim (Ctrl+U to scroll up, Ctrl+D to scroll down)

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 or Violentmonkey 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.

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

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

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

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

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

// ==UserScript==
// @name         ChatGPT Vim-Style Scrolling (Ctrl+U / Ctrl+D)
// @namespace    https://greasyfork.org/users/your-username
// @version      1.1
// @description  Scroll ChatGPT with keyboard like Vim (Ctrl+U to scroll up, Ctrl+D to scroll down)
// @author       Maciek Dobaczewski
// @match        https://chatgpt.com/*
// @grant        none
// @license      MIT
// @run-at       document-idle
// ==/UserScript==

(function () {
  'use strict'

  function handleKeydown(e) {
    if (!e.ctrlKey) return

    // You can manually update this selector if chatGPT changes the element. 
    const container = document.querySelector('div.flex.h-full.flex-col.overflow-y-auto')
    if (!container) return

    const key = e.key.toLowerCase()
    if (key === 'd') {
      container.scrollBy({ top: 300 })
      e.preventDefault()
    } else if (key === 'u') {
      container.scrollBy({ top: -300 })
      e.preventDefault()
    }
  }

  document.addEventListener('keydown', handleKeydown, true)
})()