IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #5957 from Ocelot-Social-Community/5953-navbar-disappears-when-scrolling-to-top

Browse Source 
fix(webapp): navbar disappears when scrolling to top
This commit is contained in:
Alexander Friedland 2023-02-09 16:04:40 +01:00 committed by GitHub
commit 982257b5f3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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

@ -309,10 +309,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

@ -214,11 +214,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