KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Merge pull request #31 from KevinMidboe/fix/restrictive-background-scroll

Browse Source 
Disable scroll on content behind popover movie view
This commit is contained in:
Kevin
2019-10-30 22:12:44 +01:00
committed by GitHub
parent 3033db02b8 98644513ad
commit 563eb3f1ef
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@@ -123,6 +123,10 @@ img{
height: auto; height: auto;
} }
.no-scroll {
overflow: hidden;
}
.wrapper{ .wrapper{
position: relative; position: relative;
} }

2
src/components/MoviePopup.vue
View File

@@ -32,9 +32,11 @@ export default {
}, },
created(){ created(){
window.addEventListener('keyup', this.checkEventForEscapeKey) window.addEventListener('keyup', this.checkEventForEscapeKey)
document.getElementsByTagName("body")[0].classList += " no-scroll";
}, },
beforeDestroy() { beforeDestroy() {
window.removeEventListener('keyup', this.checkEventForEscapeKey) window.removeEventListener('keyup', this.checkEventForEscapeKey)
document.getElementsByTagName("body")[0].classList.remove("no-scroll");
} }
} }