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

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

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

#topic" + id :页面的节点

javascript 复制代码
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
                    });
                })
       }
相关推荐
yolo6127 分钟前
【项目想法】在线简历制作
前端·面试·前端框架
CAD老兵29 分钟前
TypeScript 中的 yield 和 Generator 使用指南
前端
GIS之路31 分钟前
OpenLayers 创建坐标系统
前端
前端日常开发31 分钟前
你真的懂vue组件的封装?
前端
error_cn31 分钟前
python代码优化策略
前端
error_cn34 分钟前
unset命令常见错误
前端
星河丶36 分钟前
React 中的合成事件
前端·react.js
Q_Q5110082851 小时前
python+django/flask+uniapp宠物中心信息管理系统app
spring boot·python·django·flask·uni-app·node.js·php
小刀拉屁股让你开开眼1 小时前
uniapp 腾讯地图服务
uni-app
小小小小宇2 小时前
ESLint 插件笔记
前端