問題

頁面是可以滾動的長列表，彈窗也是列表可以滾動。

解決

彈窗時禁止彈窗下的頁面滑動。彈窗時底層頁面不超出一整屏，所以再在彈窗上滑動時便不會觸發(fā)底層的滾動事件，自然不會再有滾動穿透這樣的問題。
注意：一定是設置底部最外層的樣式，彈窗時如示例 &.all-list

示例代碼：

<template>
    <!--底層頁面-->
    <view class="content" :class="showPop ? 'all-list': ''">
        <!-- 列表 Pop-->
        <view class="pop" v-if="showPop">
        </view>
    </view>
    
</template>

<script>
    export default {
      data() {
            return {
                showPop:false,//彈窗是否顯示              
            }
        },
</script>

<style>
<!-- 彈窗后底層樣式-->
  &.all-list{
        overflow: hidden;
        position:fixed;
        height: 100%;
        width: 100%;
}
</style>