← Wszystkie przykłady

JavaScript Nawigacja medium.com

Medium: przewijanie klawiszami J/K

Pozwala przewijać artykuł w dół klawiszem J i w górę klawiszem K bez sięgania po mysz.

Kod do skopiowania

// Use J and K keys to scroll the article down and up
(function () {
  document.addEventListener('keydown', function (e) {
    const t = e.target;
    if (t && (t.isContentEditable ||
        /^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName))) { return; }
    if (e.key === 'j' || e.key === 'J') {
      window.scrollBy({ top: window.innerHeight * 0.85, behavior: 'smooth' });
    } else if (e.key === 'k' || e.key === 'K') {
      window.scrollBy({ top: -window.innerHeight * 0.85, behavior: 'smooth' });
    }
  });
})();

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania