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 +}; diff --git a/nhentai/viewer/styles.css b/nhentai/viewer/styles.css index f9830dc..132bded 100644 --- a/nhentai/viewer/styles.css +++ b/nhentai/viewer/styles.css @@ -17,8 +17,8 @@ html, body { } #list { - height: 100%; - overflow: auto; + height: 2000px; + overflow: scroll; width: 260px; text-align: center; } @@ -37,7 +37,7 @@ html, body { #image-container { flex: auto; - height: 100vh; + height: 2000px; background: #222; color: #fff; text-align: center; @@ -48,16 +48,16 @@ html, body { } #image-container #dest { - height: 100%; + height: 2000px; width: 100%; background-size: contain; background-repeat: no-repeat; - background-position: center; + background-position: top; } #image-container #page-num { - position: absolute; - font-size: 18pt; + position: static; + font-size: 14pt; left: 10px; bottom: 5px; font-weight: bold; @@ -66,4 +66,4 @@ html, body { 0 0 2px #222, 0 0 2px #222, 0 0 2px #222; -} \ No newline at end of file +}