锚点定位且不改变url
html
- 事件触发
<li v-for="(item,index) in couponsList.swaps" :key="index" @click="toTegional(index)">{{regionalList[index]}}</li>
- 锚点埋藏
<div v-for="(item,index) in couponsList.swaps" :key="index" :id="'price'+index">
JavaScript
toTegional(index) {
let id = '#price' + index;
document.querySelector(id).scrollIntoView(true);
},

本文探讨了在不改变URL的情况下使用锚点定位的技术。通过HTML的v-for指令结合JavaScript的scrollIntoView方法,实现页面元素的平滑滚动。代码示例展示了如何在点击事件中调用函数,使页面滚动到指定元素。
788

被折叠的 条评论
为什么被折叠?



