mrwnslz/diora-web
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

j/k scroll continuously while held, stop on keyup
All checks were successful
Build and push Docker image / build (push) Successful in 13s
Details
Test / test (push) Successful in 15s
Details

Browse source 
Uses a 16ms interval (~60fps) instead of per-event smooth scroll,
so holding j/k scrolls fluidly. d/u/f/b remain one-shot with smooth.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
marwin 2026-04-05 18:32:32 +02:00
parent b6619f6465
commit 89cb70392a
1 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
static/js/app.js
View file

@ -2117,10 +2117,17 @@ document.addEventListener('keydown', e => {
if (tag !== 'INPUT' && tag !== 'TEXTAREA') { if (tag !== 'INPUT' && tag !== 'TEXTAREA') {
const contentEl = $('reader-content'); const contentEl = $('reader-content');
if (contentEl) { if (contentEl) {
const small = Math.round(contentEl.clientHeight * 0.08);
const large = Math.round(contentEl.clientHeight * 0.85); const large = Math.round(contentEl.clientHeight * 0.85);
if (e.key === 'j') { e.preventDefault(); contentEl.scrollBy({top: small, behavior: 'smooth'}); } const continuousKeys = {'j': 8, 'k': -8};
if (e.key === 'k') { e.preventDefault(); contentEl.scrollBy({top: -small, behavior: 'smooth'}); } if (continuousKeys[e.key] !== undefined && !e.repeat) {
e.preventDefault();
_readerScrollStep = continuousKeys[e.key];
if (!_readerScrollInterval) {
_readerScrollInterval = setInterval(() => {
$('reader-content')?.scrollBy({top: _readerScrollStep});
}, 16);
}
}
if (e.key === 'd') { e.preventDefault(); contentEl.scrollBy({top: large / 2, behavior: 'smooth'}); } if (e.key === 'd') { e.preventDefault(); contentEl.scrollBy({top: large / 2, behavior: 'smooth'}); }
if (e.key === 'u') { e.preventDefault(); contentEl.scrollBy({top: -large / 2, behavior: 'smooth'}); } if (e.key === 'u') { e.preventDefault(); contentEl.scrollBy({top: -large / 2, behavior: 'smooth'}); }
if (e.key === 'f') { e.preventDefault(); contentEl.scrollBy({top: large, behavior: 'smooth'}); } if (e.key === 'f') { e.preventDefault(); contentEl.scrollBy({top: large, behavior: 'smooth'}); }
@ -2136,6 +2143,13 @@ document.addEventListener('keydown', e => {
} }
}); });
document.addEventListener('keyup', e => {
if (e.key === 'j' || e.key === 'k') {
clearInterval(_readerScrollInterval);
_readerScrollInterval = null;
}
});
function sanitizeSidebarHtml(html) { function sanitizeSidebarHtml(html) {
if (!html) return '<p class="muted">No show notes available.</p>'; if (!html) return '<p class="muted">No show notes available.</p>';
const div = document.createElement('div'); const div = document.createElement('div');
@ -2748,6 +2762,8 @@ let pdfTotalPages = 0;
let _pdfPageTextBoxCache = {}; let _pdfPageTextBoxCache = {};
let _pdfRenderGen = 0; let _pdfRenderGen = 0;
let _touchStartX = 0; let _touchStartX = 0;
let _readerScrollInterval = null;
let _readerScrollStep = 0;
let _pinchStartDist = 0; let _pinchStartDist = 0;
let _pinchStartZoom = 100; let _pinchStartZoom = 100;
let _isPinching = false; let _isPinching = false;