uniapp锚点点击-页面跳转

javascript 复制代码
// 如下:
<template>
	<div id="home">
		<div v-for="(item, index) in list" :key="index" @click="onClick(item, index)">
			<div :id="'node' + index"></div>
		</div>
	</div>
</template>	

点击元素后

javascript 复制代码
const id = `#node${index}`

uni.createSelectorQuery().in(this).select(id).boundingClientRect((data) => {
   uni.createSelectorQuery().select('#home').boundingClientRect((res) => {
    // console.log('node', data.top)
    // console.log('home', res.top)
    uni.pageScrollTo({
      scrollTop: data.top - res.top - 200,
      duration: 300,
    })
  }).exec()
}).exec()
相关推荐
乘风gg9 分钟前
前端死到第几轮了?得物前端部门解散有感!
前端·ai编程·claude
艾伦野鸽ggg12 分钟前
web 组大一下第二次考核
前端·css·html
水煮白菜王19 分钟前
高德地图"未获得商用授权"水印临时移除方案
前端·javascript
库拉AI小李20 分钟前
# 数据清洗与分析:Gemini 3.5 处理 Excel 数据的实操体验
前端·人工智能·后端
小小小小宇20 分钟前
React17 18 19 新增能力、解决问题、原理与使用详解
前端
chushiyunen21 分钟前
vue el-pagination实现分页
javascript·vue.js·elementui
by————组态22 分钟前
Ricon组态可视化编辑器 - 所见即所得的工业画布
前端·javascript·物联网·架构·编辑器·组态
Csvn26 分钟前
面试翻车现场:`Array(100).map(() => 1)` 为什么全为空?
前端
光影少年28 分钟前
react大列表优化:虚拟列表原理
前端·javascript·react.js
星栈34 分钟前
一套 Rust 代码跑三端:为什么我开始关注 Dioxus
前端·rust·前端框架