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

uniapp中使用pageScrollTo让页面滚动到固定节点或距离

uniapp中使用pageScrollTo让页面滚动到固定节点或距离

思路:计算当前节点距离顶部的距离+滚动距离然后使用pageScrollTo进行滚动(要保证页面加载完成之后在执行)

#topic" + id :页面的节点

changeTop(id) {let query = uni.createSelectorQuery().in(this);query.selectViewport().scrollOffset();query.select("#topic" + id).boundingClientRect().exec((res) => {let scrotop = res[0].scrollTop + res[1].top - 5;uni.pageScrollTo({scrollTop: scrotop,duration: 500});})}
http://www.lryc.cn/news/248677.html

相关文章:

  • 使用机器学习方法进行分析和处理:对高质量图像进行压缩
  • 多线程面试总结
  • android11-隐藏状态栏和导航栏
  • 血的教训--kail系统免密centos7的坑【高版本ssh免密低版本ssh的坑】
  • javaagent字节码增强浅尝
  • 计算机组成原理-Cache替换算法
  • Adobe 家族系列download
  • 97.STL-查找算法 find
  • 如何应对雨天飞行的挑战?无人机机库防护能力解析
  • 机器学习笔记 - 3D数据的常见表示方式
  • 【Node.js】解决npm报错:RequestError: unable to verify the first certificate
  • 语言模型文本处理基石:Tokenizer简明概述
  • 淘宝商品详情数据接口(店铺搬家、数据分析、代购商城、ERP选品、无货源铺货、品牌监控)
  • 面试篇之微服务(一)
  • 智慧科研助力科研数据的分析处理
  • el-select实现分屏效果
  • 微信小程序本地和真机调试文件上传成功但体验版不成功
  • windows系统用nginx部署web应用
  • 如何利用Python进行数据归一化?
  • Linux 基本语句_13_消息队列
  • Maven——仓库
  • Pandas:一个实用高效的Python数据处理库
  • Spring第三课,Lombok工具包下载,对应图书管理系统列表和登录界面的后端代码,分层思想
  • DDoS高防IP到底是什么?
  • el-row错位问题解决
  • torch indices x[indices] 内存不足崩溃,python进程锁报错。
  • 第二证券:机构争分夺秒抢滩 金融大模型落地为时尚早
  • C#WPF使用MaterialDesign 显示带遮罩的对话框
  • Nuxt.js:下一代Web开发框架的革命性力量
  • 【JavaEE初阶】死锁问题