a 标签锚点定位不改变url

tech2026-01-01  2

描点定位,让页面跳转到的位置,就是锚点。锚点是一种超链接,只不过它是页面内部的超链接,它指向页面特定的部分。是利用 a 标签 的herf属性,绑定到元素的id上面,

组成:锚记、指向锚记的链接

// 当前页面的锚点

<a href="#Id">到目标位置</a> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <div id="Id">111</div>

// 跳转页面的锚点

// 页面一的内容 <a href="index2.html#indexPage" target="_blank">定位到其他页面</a> // 页面二的内容 <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <div id="indexPage">页面二</div>

// 当前页面不改变url 的方法

// html <a class="btn btn-total" @click="anchorPoint('#anchorId')">锚点</a> // js anchorPoint(idName){ document.querySelector(idName).scrollIntoView(true); }
最新回复(0)