示例：
demo.gif
我的切换点：
<div class="disease_tab_box">
<div v-for="(item, index) in datalist" :key="index" @click="tabChange(index)">{{item}}</div>
</div>
我的内容块:
<div :ref="'name_ref' + index" v-for="(name, index) in datalist" :key="inex">{{name}}</div>
我的事件：
tabChange(index) {
window.scrollTo({
top: this.$refs['name_ref' + index][0].getBoundingClientRect().top + window.scrollY-70,
behavior: 'smooth' // 平滑滚动
})
},
vue项目中用到，特此记录 2020-05-12
示例： 我的切换点： 我的内容块: 我的事件： vue项目中用到，特此记录 2020-05-12
1.动态给元素设置高度 注意 给要设置的元素 添加 id="yuansu" ref="yuansu" 2. 关于...
1. 思路 实现这个效果的思路并不难，主要分为两个部分 动态的获取要设置图钉元素距离顶部的距离 监听页面滚动事件，...
获取页面元素到屏幕窗口的绝对距离。//也就是 元素的死距离。 如果想获得该元素到屏幕顶部的动态距离，需要监听wi...
1，extjs设置window的顶部图标 tools:[ { type:'refresh', qtip: 'Ref...
let groups =document.getElementById('groupstop')console.l...
先设置元素的ref，如 ，要获取该元素高度，必须先给该元素设置css高度 再用 window.getComput...
offsetTop：元素到offsetParent顶部的距离。offsetParent：距离元素最近的一个具...
offsetTop：元素到offsetParent顶部的距离 offsetParent：距离元素最近的一个具有定位...
给video绑定个ref值 在需要动态绑定的方法里用$refs动态设置src
本文标题：动态设置ref元素到达顶部的距离
本文链接：https://www.haomeiwen.com/subject/vqxeurtx.html
网友评论