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
                    });
                })
       }
相关推荐
前端雾辰18 分钟前
Uniapp APP 端实现 TCP Socket 通信(ZPL 打印实战)
前端
无羡仙25 分钟前
虚拟列表:怎么显示大量数据不卡
前端·react.js
云水边30 分钟前
前端网络性能优化
前端
用户516816614584134 分钟前
[微前端 qiankun] 加载报错:Target container with #child-container not existed while devi
前端
东北南西1 小时前
设计模式-工厂模式
前端·设计模式
HANK1 小时前
ECharts高效实现复杂图表指南
前端·vue.js
入秋1 小时前
Linux服务器安装部署 Nginx、Redis、PostgreSQL、Docker
linux·前端
acocosum1 小时前
毫米波雷达基础知识学习报告
前端
程序员鱼皮1 小时前
这套 Java 监控系统太香了!我连夜给项目加上了
java·前端·ai·程序员·开发·软件开发
Juchecar1 小时前
Vue3 响应式 ref 和 reactive 原理详解及选择建议
前端·vue.js