diff --git a/cps/static/css/kthoom.css b/cps/static/css/kthoom.css index 267a2a84..9565cd30 100644 --- a/cps/static/css/kthoom.css +++ b/cps/static/css/kthoom.css @@ -227,3 +227,14 @@ th { .dark-theme .overlay { background-color: rgba(0, 0, 0, 0.8); } + +/* Hide scrollbar for Chrome, Safari and Opera */ +.disabled-scrollbar::-webkit-scrollbar { + display: none; +} + +/* Hide scrollbar for IE, Edge and Firefox */ +.disabled-scrollbar { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} \ No newline at end of file diff --git a/cps/static/js/kthoom.js b/cps/static/js/kthoom.js index 01a75776..06da899a 100644 --- a/cps/static/js/kthoom.js +++ b/cps/static/js/kthoom.js @@ -69,7 +69,9 @@ var settings = { rotateTimes: 0, fitMode: kthoom.Key.B, theme: "light", - direction: 0 // 0 = Left to Right, 1 = Right to Left + direction: 0, // 0 = Left to Right, 1 = Right to Left + nextPage: 0, // 0 = Reset to Top, 1 = Remember Position + scrollbar: 1 // 0 = Hide Scrollbar, 1 = Show Scrollbar }; kthoom.saveSettings = function() { @@ -253,6 +255,7 @@ function updatePage() { } $("body").toggleClass("dark-theme", settings.theme === "dark"); + $("#mainContent").toggleClass("disabled-scrollbar", settings.scrollbar === 0); kthoom.setSettings(); kthoom.saveSettings(); @@ -409,6 +412,9 @@ function showPrevPage() { currentImage++; } else { updatePage(); + if (settings.nextPage === 0) { + $("#mainContent").scrollTop(0); + } } } @@ -419,6 +425,9 @@ function showNextPage() { currentImage--; } else { updatePage(); + if (settings.nextPage === 0) { + $("#mainContent").scrollTop(0); + } } } @@ -600,6 +609,9 @@ function init(filename) { $("#thumbnails").on("click", "a", function() { currentImage = $(this).data("page") - 1; updatePage(); + if (settings.nextPage === 0) { + $("#mainContent").scrollTop(0); + } }); // Fullscreen mode diff --git a/cps/templates/readcbr.html b/cps/templates/readcbr.html index a9f28614..bad5f1f6 100644 --- a/cps/templates/readcbr.html +++ b/cps/templates/readcbr.html @@ -157,6 +157,24 @@ + + + {{_('Next Page')}}: + +
+ + +
+ + + + {{_('Scrollbar')}}: + +
+ + +
+