f0ck/f0ckv2
3
4
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

better visual feedback for main view scroller

Browse Source
This commit is contained in:
Flummi 2021-12-28 04:06:24 +01:00
parent e3d701ee34
commit 4b3ce9902e
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/s/js/f0ck.js
View File

@ -68,7 +68,8 @@
if((window.innerHeight + window.scrollY) >= document.body.offsetHeight && e.deltaY > 0) { // down if((window.innerHeight + window.scrollY) >= document.body.offsetHeight && e.deltaY > 0) { // down
if(elem = document.querySelector(".pagination > .next:not(.disabled)")) { if(elem = document.querySelector(".pagination > .next:not(.disabled)")) {
if(tts < scroll_treshold) { if(tts < scroll_treshold) {
document.querySelector("div#footbar").style.backgroundColor = "var(--scroller-bg)"; document.querySelector("div#footbar").style.boxShadow = "inset 0px 4px 0px var(--accent)";
document.querySelector("div#footbar").style.color = "var(--accent)";
tts++; tts++;
} }
else else
@ -78,7 +79,8 @@
else if(window.scrollY <= 0 && e.deltaY < 0) { // up else if(window.scrollY <= 0 && e.deltaY < 0) { // up
if(elem = document.querySelector(".pagination > .prev:not(.disabled)")) { if(elem = document.querySelector(".pagination > .prev:not(.disabled)")) {
if(tts < scroll_treshold) { if(tts < scroll_treshold) {
document.querySelector("nav.navbar").style.backgroundColor = "var(--scroller-bg)"; document.querySelector("nav.navbar").style.boxShadow = "0px 2px 0px var(--accent)";
document.querySelector("nav.navbar").style.transition = ".5s ease-in-out";
tts++; tts++;
} }
else else
@ -87,8 +89,9 @@
} }
else { else {
tts = 0; tts = 0;
document.querySelector("div#footbar").style.backgroundColor = "var(--nav-bg)"; document.querySelector("div#footbar").style.boxShadow = "unset";
document.querySelector("nav.navbar").style.backgroundColor = "var(--nav-bg)"; document.querySelector("div#footbar").style.color = "transparent";
document.querySelector("nav.navbar").style.boxShadow = "unset";
} }
}); });
} }