網(wǎng)站首頁 編程語言 正文
如果是在web端的話 這個還是比較簡單的,直接設(shè)置那個元素的 滾動他底部就可以了
但是小程序中 只有 頁面滾動 pageScroll
但是這個時候 我們就搞不了嗎
建議將長列表 改成 ScrollView滾動列表進(jìn)行操作,然后通過設(shè)置這個列表的scrollTop 進(jìn)行設(shè)置
我這里拿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>
有的童鞋可能疑問 我們又不知道 這個長列表的滾動高度是多少呢 怎么設(shè)置呢
其實只要你設(shè)置的足夠大。他就會滾動到底部
比如我這里 設(shè)置 9999
this.setState({
scrollTop: 9999
})
但是不要一進(jìn)入頁面就設(shè)置這么大。需要搞一個定時器
setTimeout(() => {
this.setState({
scrollTop: 9999
})
})
還有需要注意的就是 如果兩次設(shè)置的是同一個數(shù)值的話 她就會在原來的位置不動
這個時候我們只需要在原來基礎(chǔ)上進(jìn)行加1就可以了 她就會一直保持在底部了
this.setState({
scrollTop: this.state.scrollTop + 1
})
這樣就可以實現(xiàn)了。
有問題的還可以私信我。我給你進(jìn)行解答
關(guān)注我 持續(xù)更新前端知識
原文鏈接:https://yunchong.blog.csdn.net/article/details/122543161
相關(guān)推薦
- 2022-04-21 Flutter?設(shè)置全局字體的實現(xiàn)_Android
- 2022-04-30 詳解Matlab如何繪制小提琴圖_C 語言
- 2022-02-27 Redux及React-redux的簡單使用
- 2022-02-11 Command line is too long. Shorten command line for
- 2022-11-25 Go實現(xiàn)快速生成固定長度的隨機(jī)字符串_Golang
- 2022-10-03 React在定時器中無法獲取狀態(tài)最新值的問題_React
- 2022-06-07 Jenkins?腳本命令行應(yīng)用小結(jié)_相關(guān)技巧
- 2023-03-26 數(shù)據(jù)結(jié)構(gòu)TypeScript之棧和隊列詳解_其它
- 最近更新
-
- window11 系統(tǒng)安裝 yarn
- 超詳細(xì)win安裝深度學(xué)習(xí)環(huán)境2025年最新版(
- Linux 中運(yùn)行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎(chǔ)操作-- 運(yùn)算符,流程控制 Flo
- 1. Int 和Integer 的區(qū)別,Jav
- spring @retryable不生效的一種
- Spring Security之認(rèn)證信息的處理
- Spring Security之認(rèn)證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權(quán)
- redisson分布式鎖中waittime的設(shè)
- maven:解決release錯誤:Artif
- restTemplate使用總結(jié)
- Spring Security之安全異常處理
- MybatisPlus優(yōu)雅實現(xiàn)加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務(wù)發(fā)現(xiàn)-Nac
- Spring Security之基于HttpR
- Redis 底層數(shù)據(jù)結(jié)構(gòu)-簡單動態(tài)字符串(SD
- arthas操作spring被代理目標(biāo)對象命令
- Spring中的單例模式應(yīng)用詳解
- 聊聊消息隊列,發(fā)送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠(yuǎn)程分支