網站首頁 編程語言 正文
如果是在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
})
這樣就可以實現了。
有問題的還可以私信我。我給你進行解答
關注我 持續更新前端知識
原文鏈接:https://yunchong.blog.csdn.net/article/details/122543161
相關推薦
- 2022-07-22 Python動態屬性有什么用
- 2022-04-24 Pygame?Surface創建圖像的實現_python
- 2023-02-27 詳解C++?STL模擬實現list_C 語言
- 2022-07-18 SQL?Server使用T-SQL進階之公用表表達式(CTE)_MsSql
- 2023-05-20 linux?shell輸出換行簡單實例_linux shell
- 2022-03-28 快速創建React項目并配置webpack_React
- 2022-08-01 Flutter移動端進行多渠道打包發布的全過程_Android
- 2022-05-29 C#實現語音播報功能_C#教程
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支