使用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>