whysohandsome
whysohandsome
  • 发布:2024-06-14 17:11
  • 更新:2024-06-15 13:21
  • 阅读:174

disableScroll可以动态设置么?

分类:uni-app

disableScroll在page.json里设置true,使页面不能滚动,比较诡异的问题是,我在这个页面做一个弹出框里面有个scroll-view来滚动内容,在电脑上不管是小程序还是h5都是正常滚动,唯独真机上时的h5无法滚动,必须要设置disableScroll为false才能滚动,这个问题我找了好久才找到问题所在,所以想通过动态设置disableScroll来达到目的,翻了一下貌似没找到对应的接口,请问官方这个问题怎么处理呢?

2024-06-14 17:11 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

page.json 里面的配置不能动态配置的,可以在页面处理,类似这种 fiexd 遮罩层

<template>  
    <view class="content">  
        <view v-for="(item,index) in 30" :key="index" class="list">  
            item:{{item}}  
        </view>  
        <view class="mask"  @touchmove.stop.prevent="moveScroll">  

        </view>  
    </view>  
</template>  

<script setup>  

    import { onLoad, onReachBottom } from "@dcloudio/uni-app"    

    onReachBottom(()=>{  
        console.log('onReachBottom')  
    })  

    onLoad(()=>{  
        console.log('onLoad')  
    })  
    function moveScroll(){  
        console.log('moveScroll')  
    }  
</script>  

<style>  
    .content {  
        padding:30rpx;  
    }  
    .list{  
        padding:20rpx 0;  
    }  
    .mask{  
        position: fixed;  
        z-index: 2;  
        width: 100%;  
        height: 100%;  
        background-color: rgba(0, 0, 0, 0);  
        top: 0;  
        left: 0;  
    }  
</style>  
whysohandsome

whysohandsome (作者)

应该是v-html的问题,我换成rich-text就可以了

<scroll-view scroll-y="true" ref="show-overlay-text" id="show-overlay-text" height="300rpx"  
                    class="show-overlay-text" :class="{'flex-text':!isOverflow}" >  
                    <rich-text :nodes="content"></rich-text>  
                </scroll-view>

要回复问题请先登录注册