唐九
唐九
  • 发布:2019-03-28 15:57
  • 更新:2019-12-31 15:41
  • 阅读:3223

使用pageScrollTo滚动页面时,底部的fixed 元素消失

分类:uni-app

使用pageScrollTo滚动页面时,底部的fixed 元素消失,滚动结束后又出现。

出现问题平台:小程序、app

hbuilder x 版本:1.7.0

页面代码:

<template>  
    <view class="container">  
        <view class="content">  
            <view :key="index" v-for="(item,index) in msg" class="item">{{ item }}</view>  
        </view>  
        <view @click="handleClick" class="bottom">添加</view>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            msg : 13  
        };  
    },  
    methods: {  
        handleClick (){  
            this.msg += 1;  
            setTimeout( () => {  
                uni.pageScrollTo({  
                    scrollTop: 9999999999999  
                })  
            },300)  
        }  
    }  
};  
</script>  

<style lang="less">  
.container {  
    height: auto;  
    font-size: 40upx;  
    font-weight: bold;  
    text-align: center;  
}  
.content {  
    padding-bottom: 100upx;  
}  
.bottom {  
    position: fixed;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    height: 100upx;  
    background: green;  
}  
.item {  
    height: 200upx;  
    background: #6cf;  
    border-radius: 12upx;  
    margin: 20upx;  
}  
</style>  

2019-03-28 15:57 负责人:无 分享
已邀请:

最佳回复

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 2.3.2 已修复
其他版本临时解决办法:将动画时间设置为0

1***@qq.com

1***@qq.com

我也是啊,是个BUG,好像是整体移动了页面导致的。你解决了没?

9***@qq.com

9***@qq.com

请问改bug修复了没

huohuoyi

huohuoyi

请问有解决吗?

3***@qq.com

3***@qq.com

我也遇到请问解决了吗

Ling317

Ling317

我的也是有这样的问题,我的是顶部的fixed元素。你们的解决了吗?

Ling317

Ling317

我的如果把duration设为0,关掉过渡动画,就不会出现fixed元素消失的问题。

口区

口区 -

同问,怎么解决呢,暂时只能duration设置为0,但是想要有过渡动画的效果啊

口区

口区 -

同问,怎么解决呢,暂时只能duration设置为0,但是想要有过渡动画的效果啊

s***@163.com

s***@163.com - 开朗

nvue页面实现,app端页面出不来,不兼容nvue吗

该问题目前已经被锁定, 无法添加新回复