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

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

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

12
webapp/pages/index.vue
View File

@ -213,11 +213,13 @@ export default {
}, },
handleScroll() { handleScroll() {
const currentScrollPos = window.pageYOffset const currentScrollPos = window.pageYOffset
if (this.prevScrollpos > currentScrollPos) { if (this.prevScrollpos > 50) {
this.hideByScroll = false if (this.prevScrollpos > currentScrollPos) {
} else { this.hideByScroll = false
if (!this.showFilter) { } else {
this.hideByScroll = true if (!this.showFilter) {
this.hideByScroll = true
}
} }
} }
this.prevScrollpos = currentScrollPos this.prevScrollpos = currentScrollPos