小程序中元素滚动到元素的底部， 一直保持在底部

如果是在web端的话 这个还是比较简单的，直接设置那个元素的 滚动他底部就可以了

但是小程序中 只有 页面滚动 pageScroll

但是这个时候 我们就搞不了吗
建议将长列表 改成 ScrollView滚动列表进行操作，然后通过设置这个列表的scrollTop 进行设置

我这里拿taro举例子。其实原生小程序和uniapp 差不多和这个一样

<ScrollView
        className='scrollview'
        scrollY
        scrollWithAnimation
        scrollTop={
    
    scrollTop}
       
>
  <View style={
    
    vStyleA}>A</View>
   <View style={
    
    vStyleB}>B</View>
   <View style={
    
    vStyleC}>C</View>
 </ScrollView>

有的童鞋可能疑问 我们又不知道 这个长列表的滚动高度是多少呢 怎么设置呢

其实只要你设置的足够大。他就会滚动到底部
比如我这里 设置 9999

this.setState({
    
    
	scrollTop: 9999
})

但是不要一进入页面就设置这么大。需要搞一个定时器

setTimeout(() => {
    
    
this.setState({
    
    
	scrollTop: 9999
})
})

还有需要注意的就是 如果两次设置的是同一个数值的话 她就会在原来的位置不动
这个时候我们只需要在原来基础上进行加1就可以了 她就会一直保持在底部了

this.setState({
    
    
	scrollTop: this.state.scrollTop + 1
})

这样就可以实现了。

有问题的还可以私信我。我给你进行解答

关注我 持续更新前端知识