uni-app阻止页面滚动与返回顶部的实现

uni-app出现蒙版时,阻止下层页面滚动:

在蒙版的最外层标签上添加@touchmove.stop/prevent="()=>{}"即可。

scroll-view返回顶部:

//监听scroll事件,记录组件内部变化的值,在设置新值之前先设置为记录的当前值
<scroll-view :scroll-top="scrollTop" scroll-y="true" @scroll="scroll">

export default {
    data() {
        return {
            scrollTop: 0,
            old: {
                scrollTop: 0
            }
        }
    },
    methods: {
        scroll: function(e) {
            this.old.scrollTop = e.detail.scrollTop
        },
        goTop: function(e) {
            this.scrollTop = this.old.scrollTop
            this.$nextTick(function() {
                this.scrollTop = 0
            });
        }
    }
}

你可能感兴趣的:(uni-app)