モーダル表示時に後ろをスクロールしないようにする

モーダル表示時のみ body に overflow を追加すれば OK です。

1
2
3
4
5
6
7
8
9
watch: {
modalOpened(new_status, old_status) {
if (new_status) {
document.querySelector('body').style.overflow = 'hidden';
} else {
document.querySelector('body').style.overflow = 'visible';
}
},
},

モーダル画面にoverflow: auto;を付けるのも忘れずに。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×