Vue中性子コンポーネントのバウンドスクロールバーは親要素のスクロールに影響しません

Vue中性子コンポーネントのバウンドスクロールバーは親要素のスクロールに影響しません

問題説明

解決方法

Jqueryに基づく方式

原生JS:bodyにposition:fixed

を付ける

==原生JS=:bodyにoverflow:hidden

を付ける
問題の説明
vueのあるページのサブアセンブリに弾枠が設定されており、ホームページ面と弾窓にはスクロールバーがあり、弾窓スクロールバーが底部にスライドするとホームページ面のスライドがトリガーされます.どうやってホームページのスライドを禁止しますか?弾窓を閉じてから、ホームページのスライドを復元します.
解決策
Jqueryベース方式
煩わしくて、自分で測っていないで、ネット上で多くの方法が例を挙げますhttps://blog.csdn.net/Yiright/article/details/53944024
原生JS:bodyにposition:fixedを付ける
質問:この方法は弾窓を閉じると、ホームページが上部にスライドし、その後、ホームページのscrolltopを再取得し、再配置する必要があります.面倒です.
原生JS:bodyにoverflow:hiddenを付ける
原文:https://blog.csdn.net/yangjingjing9/article/details/82456554

beforeCreate () {
  document.querySelector('body').setAttribute('style', 'overflow:hidden')
},
beforeDestroy () {
  document.querySelector('body').removeAttribute('style')
}

使用:ここでの呼び出し方法は、独自のコード設計に従って呼び出されます.必ずしもこの2つのフック関数の利点ではありません.弾窓を開いたり閉じたりすると、ホームページの位置は変わりません.