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

When movie popup opens we add a no-scroll class to the body element. This prevents scrolling the content behind the popover content.

Browse Source
This commit is contained in:
Kevin
2019-10-30 22:11:09 +01:00
parent 3033db02b8
commit 98644513ad
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");
} }
} }