数秒 read (About 65 words)

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

モーダル表示時のみ 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;を付けるのも忘れずに。

# js
【Vue.js】モーダルコンポーネントのサンプル
JavaScriptでバーコードを読み取る方法

タグクラウド

Android Android開発 Cordova Docker FCM FP Firebase Git Hexo Ionic JavaScript Kotlin MongoDB Node.js Numerai PHP PWA Python RSpec Rails RubyMine RubyOnRails VR Vue XCode bitcoin bitflyer bot css ethereum iOS開発 js kintone mongoDB python レビュー 感想 振り返り 損益公開 日記 機械学習 筋トレ 読書メモ

アーカイブ

タグ

Android 27
Android開発 1
Cordova 26
Docker 2
FCM 2
FP 1
Firebase 2
Git 1
Hexo 2
Ionic 1
JavaScript 16
Kotlin 2
MongoDB 2
Node.js 1
Numerai 1
PHP 4
PWA 2
Python 1
RSpec 1
Rails 3
RubyMine 1
RubyOnRails 1
VR 1
Vue 12
XCode 2
bitcoin 1
bitflyer 1
bot 12
css 4
ethereum 1
iOS開発 1
js 1
kintone 1
mongoDB 1
python 2
レビュー 1
感想 2
振り返り 1
損益公開 4
日記 1
機械学習 11
筋トレ 2
読書メモ 13

アーカイブ

タグ

Android 27
Android開発 1
Cordova 26
Docker 2
FCM 2
FP 1
Firebase 2
Git 1
Hexo 2
Ionic 1
JavaScript 16
Kotlin 2
MongoDB 2
Node.js 1
Numerai 1
PHP 4
PWA 2
Python 1
RSpec 1
Rails 3
RubyMine 1
RubyOnRails 1
VR 1
Vue 12
XCode 2
bitcoin 1
bitflyer 1
bot 12
css 4
ethereum 1
iOS開発 1
js 1
kintone 1
mongoDB 1
python 2
レビュー 1
感想 2
振り返り 1
損益公開 4
日記 1
機械学習 11
筋トレ 2
読書メモ 13
Your browser is out-of-date!

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

×