当前位置: 首页 > news >正文

微信小程序页面滚动到指定位置

1.页面使用view排版,确定滚动某个距离

        是否异步看自己需求

setTimeout(() => {wx.pageScrollTo({scrollTop: 100,duration: 300});}, 500);

2.页面使用view排版,确定滚动某个节点处

        在节点上进行标记id="review-record"

 scrollToReviewRecord() {wx.nextTick(() => {wx.createSelectorQuery().select('#review-record').boundingClientRect().exec((res) => {if (res[0]) {wx.pageScrollTo({scrollTop: res[0].top,duration: 300});}});});}

3.页面使用scroll-view排版,确定滚动某个距离

注意使用此排版上诉两个方法不可生效

 <scroll-viewscroll-ystyle="height: 100vh;"scroll-top="{{scrollTop}}"scroll-with-animation><!-- 你的表单内容 --></scroll-view>
Page({data: {scrollTop: 0},onReady() {setTimeout(() => {this.setData({ scrollTop: 100 }); // 滚动到100px}, 500);}
});

http://www.dtcms.com/a/398106.html

相关文章:

  • 抢占2025SEO先机:九大趋势洞察与实战行动路线图
  • Ubuntu 安装 Maven 私服 Nexus
  • maven install和package 有什么区别
  • 关于maven编译没把resources资源包含进target目录
  • 网站开发文档合同wap712c
  • [Maven 基础课程]11_Windows 安装 Maven 私服 Nexus
  • LinuxC++项目开发日志——基于正倒排索引的boost搜索引擎(3——通过cppjieba库建立索引模块)
  • 早报库|深圳奔向全球“消费级3D打印第一城”;苹果持续扩招增材制造人才;乌军前线大量使用3D打印地雷
  • 爬虫数据存储:MongoDB 在电商采集中的应用
  • 【STM32项目开源】STM32单片机厨房安全监测系统系统
  • 在 ARM64 Ubuntu 20.04 上部署 Mailu 邮件服务器:深度排查 Docker Bridge 网络通信失败问题
  • ubuntu 20 安装python
  • Golang语言基础篇003_数组、切片、map详解
  • 传统网站开发下载 wordpress语言包
  • flowable的监听器顺序
  • 连接局域网、主干网和虚拟局域网
  • 【保姆级】| 基于Docker的dify部署流程
  • 网站建设 策划方案如何用flashfxp通过ftp访问网站服务器下载网站代码
  • 大规模无人机检测数据集:11998张高质量图像,支持YOLOv8、COCO、TensorFlow多格式训练,涵盖飞机、无人机、直升机三大目标类别
  • 软考-系统规划与管理师教程(第2版)- 2025 新增 / 改版重点
  • sparkml 多列共享labelEncoder
  • 【TS5】Electron与Flutter
  • 线程池高频面试题(核心原理+配置实践+常见误区)
  • 【LeetCode热题100(28/100)】两数相加
  • 网站搭建思路如何使用模板建设网站
  • 注册网站的步骤二手房出售
  • 新疆燃气从业人员考试真题练习
  • 知识图谱的表示与推理对自然语言处理中因果性语义逻辑的影响与启示研究
  • go go-zero的学习,持续中...
  • C++篇 类和对象(3)万能工具怎么用?