小程序:滚动到页面顶部或者某个元素位置
程序 页面 元素 位置 或者 某个 滚动 顶部
2023-09-27 14:27:09 时间
背景
我们一般会有滚动到页面顶部、底部,或者滚动到某个元素的位置这种需求,在web中我们一般用 scroll 相关方法,具体可以看 js:可能是最全的scroll相关的方法,那么在小程序中,我们一般使用 wx.pageScrollTo
API
实践
滚动到顶部
wx.pageScrollTo({
scrollTop: 0
})
滚动到元素位置
wx.pageScrollTo({
selector: '#my-dom'
})
滚动到底部
wx.pageScrollTo({
// 可以填一个比较大的数值,也可以用元素选择器来做
scrollTop: 10000
})
相关文章
- 微信小程序 - 授权页面
- 微信小程序 - 关闭当前页面无法再通过左上角返回
- C# 嵌入dll 动软代码生成器基础使用 系统缓存全解析 .NET开发中的事务处理大比拼 C#之数据类型学习 【基于EF Core的Code First模式的DotNetCore快速开发框架】完成对DB First代码生成的支持 基于EF Core的Code First模式的DotNetCore快速开发框架 【懒人有道】在asp.net core中实现程序集注入
- Matlab中特征向量间距离矩阵的并行mex程序
- Google Earth Engine(GEE)——存储你的公共函数,在新的程序中使用NDVI为例
- 微信小程序实战之 pay(支付页面)
- 微信小程序 - 页面插入添加 Banner 广告超详细教程(支持自定义样式、位置、大小等)及注意事项
- 微信小程序 - 完美解决 web-view 公众号文章或第三方网站分享转发后,打开提示 “无法打开该页面,不支持打开” 或 “页面不存在”(IOS 苹果系统打开是空白页,安卓系统会有提示)超详细排查
- 微信小程序 - 【关闭提示】根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引
- 四类程序
- 《微信小程序:开发入门及案例详解》—— 2.4 框架页面文件
- [转]Uni-app的webview,H5页面在微信小程序中webview再跳回小程序的解决方案
- C程序编译过程
- 微信小程序--后台交互/wx.request({})方法/渲染页面方法 解析
- 小程序页面的生命周期
- 《微信小程序开发入门精要》——第1章,第1.6节开发第一个微信小程序
- java中关于如何运行jar格式程序的说明
- 微信小程序自定义tabbar栏【中间突出样式】
- 微信小程序~页面注册page
- 微信小程序~页面跳转
- 框架---小程序配置之页面配置
- 微信小程序webview打开第三方页面
- 小程序中打开外部链接页面的方法
- 小程序获取当前页面路径及参数
- 小程序启动时加载顺序,小程序初始化,页面初始化
- 微信小程序(SITEMAP 索引情况)提示:根据 SITEMAP 的规则[0],当前页面 [PAGES/.../...] 将被索引
- 微信小程序:解决页面导航传递url参数时,只传递了一部分的问题
- 微信小程序学习第2天——模板语法与样式,全局配置与页面配置
- 微信小程序插入背景图片(将图片转为base64)