From 53e1923e67c64469eb7d1c09888c3f57c21b27dc Mon Sep 17 00:00:00 2001 From: reynog <59975438+reynog@users.noreply.github.com> Date: Thu, 16 Jan 2020 20:20:42 +0100 Subject: [PATCH] Changed keyboard nav In conjunction with styles.css change, changed W, and S keys to scroll image vertically and removed page change from Up and Down, leaving A, D, Left, and Right as keys for changing page. Page returns to the top when changing page. W and S scroll behavior is not smooth. Up and Down scroll relies on browser's in-built keyboard scrolling functionality. --- nhentai/viewer/scripts.js | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/nhentai/viewer/scripts.js b/nhentai/viewer/scripts.js index 8e3f8bf..9045258 100644 --- a/nhentai/viewer/scripts.js +++ b/nhentai/viewer/scripts.js @@ -17,6 +17,8 @@ function changePage(pageNum) { const display = document.getElementById('dest'); display.style.backgroundImage = `url("${current.src}")`; + scroll(0,0) + document.getElementById('page-num') .innerText = [ (pageNum + 1).toLocaleString(), @@ -47,6 +49,8 @@ document.onkeypress = event => { switch (event.key.toLowerCase()) { // Previous Image case 'w': + scrollBy(0, -40); + break; case 'a': changePage(currentPage - 1); break; @@ -57,6 +61,8 @@ document.onkeypress = event => { // Next Image case ' ': case 's': + scrollBy(0, 40); + break; case 'd': changePage(currentPage + 1); break; @@ -69,13 +75,11 @@ document.onkeydown = event =>{ changePage(currentPage - 1); break; case 38: //up - changePage(currentPage - 1); break; case 39: //right changePage(currentPage + 1); break; case 40: //down - changePage(currentPage + 1); break; } -}; \ No newline at end of file +};