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
                    });
                })
       }
相关推荐
w_t_y_y20 分钟前
vue父子组件通信(二)祖先调用inject
前端·javascript·vue.js
哆哆啦0021 分钟前
URL 重写规则和静态资源解析逻辑
前端·浏览器·url
IT_陈寒23 分钟前
Java的Stream.peek()千万别乱用,血泪教训
前端·人工智能·后端
w_t_y_y23 分钟前
VUE组件配置项(二)data和props
前端·javascript·vue.js
Martin -Tang32 分钟前
uniapp+vue3+ts自定义表格
javascript·vue.js·uni-app
问心无愧051338 分钟前
ctf show web入门 89
android·前端·笔记
hexu_blog38 分钟前
前端vue后端java+springboot如何显示视频压缩
前端·vue.js·vue压缩视频·java压缩视频·指定大小压缩视频
欧阳天风1 小时前
electron播放本地音乐的问题
前端·javascript·electron
艾伦野鸽ggg1 小时前
CSS布局与动效知识梳理
前端·css
ljt27249606611 小时前
Vue笔记(二)--组件的属性和方法
前端·vue.js·笔记