a 标签锚点定位不改变url

描点定位,让页面跳转到的位置,就是锚点。锚点是一种超链接,只不过它是页面内部的超链接,它指向页面特定的部分。是利用 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);
     }



猜你喜欢

转载自blog.csdn.net/super__code/article/details/108404124
今日推荐