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: {
handleScroll() {
const currentScrollPos = window.pageYOffset
if (this.prevScrollpos > currentScrollPos) {
this.hideNavbar = false
} else {
this.hideNavbar = true
if (this.prevScrollpos > 50) {
if (this.prevScrollpos > currentScrollPos) {
this.hideNavbar = false
} else {
this.hideNavbar = true
}
}
this.prevScrollpos = currentScrollPos
},

12
webapp/pages/index.vue
View File

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