ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

the first 50px are excluded from the scrolling hide mechanism

Browse Source
This commit is contained in:
ogerly 2023-02-09 13:19:37 +01:00
parent 4ae4edf000
commit e6f2d14fee
2 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/components/HeaderMenu/HeaderMenu.vue
View File

@ -300,11 +300,13 @@ export default {
methods: { methods: {
handleScroll() { handleScroll() {
const currentScrollPos = window.pageYOffset const currentScrollPos = window.pageYOffset
if (this.prevScrollpos > 50) {
if (this.prevScrollpos > currentScrollPos) { if (this.prevScrollpos > currentScrollPos) {
this.hideNavbar = false this.hideNavbar = false
} else { } else {
this.hideNavbar = true this.hideNavbar = true
} }
}
this.prevScrollpos = currentScrollPos this.prevScrollpos = currentScrollPos
}, },
toggleMobileMenuView() { toggleMobileMenuView() {

2
webapp/pages/index.vue
View File

@ -213,6 +213,7 @@ export default {
}, },
handleScroll() { handleScroll() {
const currentScrollPos = window.pageYOffset const currentScrollPos = window.pageYOffset
if (this.prevScrollpos > 50) {
if (this.prevScrollpos > currentScrollPos) { if (this.prevScrollpos > currentScrollPos) {
this.hideByScroll = false this.hideByScroll = false
} else { } else {
@ -220,6 +221,7 @@ export default {
this.hideByScroll = true this.hideByScroll = true
} }
} }
}
this.prevScrollpos = currentScrollPos this.prevScrollpos = currentScrollPos
}, },
beforeDestroy() { beforeDestroy() {