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
                    });
                })
       }
相关推荐
2501_916008891 天前
iOS 应用发布流程中常被忽视的关键环节
android·ios·小程序·https·uni-app·iphone·webview
前端老曹1 天前
vue3 三级路由无法缓存的终终终终终终极解决方案
前端·javascript·vue.js
顾安r1 天前
12.17 脚本网页 创意导航
java·linux·前端·游戏·html
小明记账簿1 天前
CSS mix-blend-mode 实现元素融合效果
前端·css
_Kayo_1 天前
React 动态显示icon
前端·react.js·react
free-elcmacom1 天前
Python实战项目<3>赛制分数分析
开发语言·前端·python·数据分析
Mr.Jessy1 天前
JavaScript高级:构造函数与原型
开发语言·前端·javascript·学习·ecmascript
白兰地空瓶1 天前
🚀你以为你在写 React?其实你在“搭一套前端操作系统”
前端·react.js
爱上妖精的尾巴1 天前
6-4 WPS JS宏 不重复随机取值应用
开发语言·前端·javascript
似水流年QC1 天前
深入探索 WebHID:Web 标准下的硬件交互实现
前端·交互·webhid