uni.pageScrollTo 将页面滚动到目标位置

已于 2023-10-31 16:14:54 修改
阅读量515 收藏
点赞数
文章标签： 前端
于 2023-10-31 16:14:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GZH623/article/details/134142903
版权

uniapp官网：uni.pageScrollTo(OBJECT) | uni-app官网

写法：

其中  scrollTop 滚到页面目标位置 单位（px）

         duration 滚动动画的时长 默认300ms，单位（ms）

搞前端的小锅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uni-app 实现聊天页面滚动到最底部
01-23
4. 如果聊天列表总高度大于视口高度，说明需要滚动，调用`uni.pageScrollTo()`方法，设置`scrollTop`为聊天列表的总高度，以实现滚动到底部的效果。 在实际开发中，我们还需要考虑到用户体验，例如在用户正在输入时...
uni.request.zip
09-25
本压缩包"uni.request.zip"聚焦于uni-app中的一个关键功能：`uni.request`的封装，这是一个用于进行网络请求的重要工具。这个封装不仅简化了接口调用的过程，还提供了全局方法和变量配置，使得开发过程更加高效和...
将页面滚动到目标位置（pageScrollTo或scroll-view）
qq_37273844的博客
07-27 7526
wx.pageScrollTo方法一: wxml： <view style="background-color:#fff;width:100%;height:60vh">xv</view> <view id="moveThis" style="background-color:#eee;width:100%;height:60vh">xv</view> <view style="background-color:#ddd;width:100%;he
跳转到指定页面元素位置
01-08
跳转到指定页面元素位置 校验页面元素，点击之后跳转到指定位置 export const getElementTop = (element:any):any => { //元素距离屏幕浏览器上方距离，如果页面元素滑上去，就是负数 element dom元素 let clientHeight:any = element.getBoundingClientRect().top; //文档滚动距离 let scrollTop:any = document.documentElement.scrollTop //两位向加就是需要跳转的高度 let ele
uniapp 页面滚动到指定位置的方法
最新发布
--=
04-23 1501
uniapp 页面滚动到指定位置的方法
uniapp开发中的uni.pageScrollTo()页面滚动
热门推荐
qq_40868156的博客
08-21 1万+
**uni.pageScrollTo()**是页面级滚动（整个页面滚动），不是页面内某个区域滚动，即页面内某个容器内部滚动。用法如下： setTimeout(() => { uni.pageScrollTo({ duration: 100, scrollTop: 100 //滚动高度，单位px，这里也可用选择器属性:selector:选择器 }) },50) 区域滚动一般用scroll-view标签，必须设置高，其属性：scroll-top，可以绑定一个高度值，通过修改这个属性值，实现s
uniapp将页面滚动到目标位置
Smile_ping的博客
06-28 5441
uniapp将页面滑动到目标位置或返回顶部的两种实现方式...
uniapp 页面滑动到顶部，滑动到底部，页面滑动到指定位置uni.pageScrollTo
qq_37455326的博客
01-13 2153
【代码】uniapp 页面滑动到顶部，滑动到底部，页面滑动到指定位置uni.pageScrollTo。
UNI.rar_.uni文件_图标关联
09-23
在这种情况下，`.uni`文件的图标和关联设置将帮助用户快速识别这类文件，并知道应该使用哪个应用程序打开它们。 建立图标和扩展名与文件的关联主要通过注册表和文件类型设置来实现。在Windows中，注册表是存储系统...
折磨我致死的uni.createInnerAudioContext()
01-20
uni.createInnerAudioContext创建实例设置url就可以播放了通过play方法开始使用了但是想象和现实十分的不同 列表确实是被生成了 开始出现坑我一开始写出来代码是这样的 今天项目用到uni的音频播放功能 我脑海里第一...
基于uniapp 的普通音频播放API的封装 uni.createInnerAudioContext()
12-16
可用于播放点击音效。或者提示音效等。不支持的想要播放时可以暂停的功能，但是连续点击可清空上次播放的音频...已测试在H5，app上完美运行，webview下大音频文件可能会有短暂延迟，需要将音频文件进行压缩后进行播放。
uniapp 滚动页面到指定位置
weixin_58421147的博客
03-01 3462
uniapp 点击滚动页面到指定位置
uniapp页面滚动到指定位置
wang1811539550的博客
03-10 656
【代码】uniapp页面滚动。
uniapp页面滚动条到指定位置
weixin_40918145的博客
06-20 681
获取到信息后页面滚动到指定位置，但是我比较懒，有没有什么简洁的方法，少写代码，有，直接上代码。
uniapp 滚动到指定元素的位置(锚点)
wsdshdhdhd的博客
08-24 2499
需求：在页面中，不管位于何处，点击按钮页面滚动到对应的标题位置。最简单有效的方式（直接复制改数据就行）点击事件(位置随便写，根据页面需求)需要滚动到的地方（使用动态id）2.点击事件获取想要的id；3.设置滚动距离，时长。
uniapp将页面滚动到指定位置 记录一下
aichimaodeyuybh的博客
08-16 846
uniapp将页面滚动到指定位置 记录一下
uniapp中使用pageScrollTo让页面滚动到固定节点或距离
疏影横斜水清浅
11-29 1578
uniapp中使用pageScrollTo让页面滚动到固定节点或距离
uniapp设置滚动条滚动到指定位置
黎小小的博客
06-16 1万+
场景：左侧菜单栏，每次切换时，需要右侧商品展示区保持滚动条及页面在最顶部。
将页面滚动到目标位置可以使用以下哪种API？（2 分） A．uni.ToPage B．uni.pageScrollTo C．uni.pageTo D．uni.ScrollTo
06-07
B．uni.pageScrollTo 可以将页面滚动到目标位置。uni.pageScrollTo 是 uni-app 提供的页面滚动 API，用于将页面滚动到指定位置。它的参数包括两个： - scrollTop：必填，要滚动到的目标位置，单位为 px。 - duration：选填，滚动动画的时长，单位为 ms，默认为 300。 例如，以下代码可以将页面滚动到 500px 的位置： ```javascript uni.pageScrollTo({ scrollTop: 500 }); ``` 上述代码中，调用了 uni.pageScrollTo 接口，将页面滚动到 500px 的位置。如果需要添加滚动动画，可以通过设置 duration 参数实现，例如： ```javascript uni.pageScrollTo({ scrollTop: 500, duration: 500 }); ``` 上述代码中，设置了滚动动画的时长为 500ms，滚动到目标位置时会有一个 500ms 的动画效果。 因此，可以使用 uni.pageScrollTo 接口将页面滚动到目标位置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值