uniapp点击实现滑动到底部

最新推荐文章于 2025-04-22 17:46:35 发布

一夜枫林

最新推荐文章于 2025-04-22 17:46:35 发布

阅读量1.4k

点赞数

分类专栏： uniapp 前端学习笔记文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/m0_45070460/article/details/110133303

版权

前端学习同时被 3 个专栏收录

44 篇文章

订阅专栏

笔记

22 篇文章

订阅专栏

uniapp

17 篇文章

订阅专栏

此博客记录工作中使用Uniapp实现点击滑动到底部的内容，直接给出相关干货。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp点击实现滑动到底部
工作记录上干货

setTimeout(() => {
   uni.pageScrollTo({scrollTop: 99999, duration: 0});
}, 500);

scrollTop 滑动值   0是顶部  值越大越往低，
duration  滑动动画 滚动动画的时长，默认300ms，单位 ms

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一夜枫林

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uniapp聊天界面滚动到底部

奔跑吧代码

08-23

1819

uniapp中scroll-view聊天界面滚动到底部展示最新消息

uniapp 实现滑动切换并且下方有小圆点

努力搬砖的小码

05-06

346

uniapp 实现滑动切换并且下方有小圆点

参与评论您还未登录，请先登录后发表或查看评论

uni-app 聊天界面滚动到消息底部

weixin_72254790的博客

09-13

2487

那么思路已经很清晰了，使用uni.pageScrollTo 让滚动到目标位置（scrollTop）设置为页面的高度不就可以了？uni.createSelectorQuery()锁定scroll-view的id，使用NodesRef对象返回的只有height信息。

uni-app实现对话界面，滚动条处于最下方

最新发布

weixin_62733705的博客

04-22

399

回答的文本框滚动条一直处于最下方

uniapp scroll-view 怎么通过代码控制滚动到底部

前端原创分享，常年坚持记录和分享，全网阅读量超百万

07-30

5419

这些方法都可以实现将 scroll-view 滚动到底部的效果[1][2][4]。选择哪种方法取决于你的具体需求和场景。第一种方法最简单,第二种方法可以更精确地控制滚动位置,第三种方法则更加灵活,可以适应不同的布局情况。在使用这些方法时,记得在适当的时机调用滚动方法,比如在数据更新后或者在用户触发某个操作后[4]。另外,为了提高性能,可以考虑使用节流函数来控制滚动方法的调用频率[4]。

uni-app 滑动到底部

E的小小地方

03-29

576

uni-app 滑动到底部

uniapp自动滚动到底部

qq_34631220的博客

05-21

4581

scroll-into-view使用 <scroll-view scroll-y="true" style="height: 400rpx;" :scroll-into-view="bottomId" scroll-with-animation="true"> <view v-for="(item,index) in list"> <view :style=" 'height: 180rpx; background-color:' + ...

Android中使用ScrollView实现滑动到底部显示加载更多

08-30

总之，Android中使用ScrollView实现滑动到底部显示加载更多的功能，主要是通过监听ScrollView的触摸事件，结合getMeasuredHeight和getHeight来判断是否达到底部，然后根据判断结果执行相应的操作。这个过程涉及到对...

uniapp 点击滑动到底部

01-01

### 实现 uniapp 中点击按钮后页面滑动到底部为了实现在 UniApp 应用中点击按钮使页面自动滚动至底部的效果，可以利用 `uni.pageScrollTo` API 来完成这一功能。此方法允许开发者指定要滚动的位置以及动画执行的...

实现底部切换标签+左右滑动切换页面

12-10

总的来说，实现“底部切换标签+左右滑动切换页面”需要结合UI设计和编程技术，合理运用平台提供的组件和工具，以创建出流畅、直观且易于使用的移动应用。在实际开发中，不断优化和调整，才能打造出符合用户需求的...

uniapp 页面滑动到顶部，滑动到底部，页面滑动到指定位置uni.pageScrollTo

qq_37455326的博客

01-13

2475

【代码】uniapp 页面滑动到顶部，滑动到底部，页面滑动到指定位置uni.pageScrollTo。

uniapp实现滚动到底部加载更多数据

热门推荐

sslcsq的博客

09-29

1万+

如果数据量非常大的话，数据批量加载是一种优化手段，那么，如何实现？ onReachBottom uniapp的生命周期onReachBottom 页面滚动到底部的事件（不是scroll-view滚到底），常用于上拉加载下一页数据。如使用scroll-view导致页面级没有滚动，则触底事件不会被触发这种方式适用于单个页面，如果同一个页面有多处滚动，那么就该使用scroll-view scroll-view 可滚动视图区域。用于区域滚动 onReachBottom示例： ...

UNI-APP_uniapp页面滚动到底部

小歪博客

01-16

2529

uniapp 没有给出直接的 API, 不过可以用 pageScrollTo 来实现. scrollTop 参数给一个很大的数就可以了,要加点延迟, 不然有可能不生效 setTimeout(() => { uni.pageScrollTo({scrollTop: 99999, duration: 0}); }, 50);

【uniapp】scroll-view 实现自动滚动到最底部

m0_59290344的博客

07-19

1484

【uniapp】scroll-view 实现自动滚动到最底部

uniapp滑到元素底部

letnewworld的博客

03-24

4018

uniapp滑到元素底部需要用到scroll-view这个标签: scroll-y 允许纵向滚动 scroll-top 设置竖向滚动条位置 scroll-with-animation 在设置滚动条位置时使用动画过渡’ <scroll-view scroll-y="true" :scroll-top="scrollTop" scroll-with-animation="true"> // do some thing </scroll-view> scrol

uni-app滑动到底部

System.o的博客

12-02

9763

uni.pageScrollTo({ scrollTop: 99999999999 }) 简单粗暴，直接设置最大值就行

[uni-app]记录APP端跳转页面自动滚动到底部的bug

iOSTianNan的博客

11-20

1411

此处代码仅在 onLoad中调用, 按理说和点击事件毫无关系。所以在路由跳转后, A页面的该回调函数被调用,此时的回调触发。1.点击的A页面, 跳转到了B页面, 第一次页面正常显示。3.A页面不进行任何操作,再次点击A页面进入B页面。最后排查发现问题出在事件循环上。4.B页面自动滚动到底部.或者在A页面做逻辑判断。2.从B页面返回A页面。就造成了在B页面诡异的。

uni-app（vue3）实现对话界面，滚动条处于最下方！

weixin_48373171的博客

04-10

5486

最近在做一个自己的全栈项目，前端用的，主要也是想巩固一下uni-app这方面的知识,其中有一个页面，涉及到ai聊天的功能，我理想型是类似文心一言或者微信聊天页面的效果，但是研究半天，发现uni-app的scroll-view这个内置组件并不能像写pc的滚动条那么灵活，因为在小程序或者app没有dom这个概念，网上找了一堆资源，基本上全是vue2版本的，密密麻麻的文字，真是看不下去，自己动手，丰衣足食。

uniapp 滑到页面最底部

weixin_48969871的博客

04-18

1958

// 滑到页面最底部 // 滑到页面最底部 setTimeout(()=>{ uni.pageScrollTo({ scrollTop: 9999999, //滚动到页面的目标位置（单位px） duration: 0 //滚动动画的时长，默认300ms，单位 ms }); },100) 主要利用延时定时器，在数据加载完成之后调用 ...