美文网首页
uni-app 禁止遮罩层下的页面滚动

uni-app 禁止遮罩层下的页面滚动

作者: Giraffe_00 | 来源:发表于2021-05-11 14:21 被阅读0次

    方法一、touch触摸事件:

    <view @touchmove.stop.prevent="moveHandle"></view>
    
    methods: {
        moveHandle() {}
    }
    

    方法二、 css控制底层不允许滚动:

    <template>
        <view :class="isShowPopup? 'popup-show': ''">
            <view>...</view>
        </view>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    isShowPopup : false,
                }
            },
        }
    </script>
    
    <style>
        .popup-show {
            overflow: hidden;
            position: fixed;
            height: 100%;
            width: 100%;
        }
    </style>

    相关文章

      网友评论

          本文标题:uni-app 禁止遮罩层下的页面滚动

          本文链接:https://www.haomeiwen.com/subject/durgdltx.html