页面中的锚链接

1、锚链接

• 方法一

//  设置锚点链接
<a href="#miao">锚点链接</a>
// 锚点
<a name='miao'>锚点</a>

注：name的属性值和锚链接的href中名一样

• 方法二

//  设置锚点链接
<a href="#miao">锚点链接</a>
// 锚点，id来设置锚点
<div id='miao'>锚点</div>

• 跨页面跳转

<a href="a.html#miao">锚点链接</a>

2、采用scrollIntoView()的方法 跳转，不会改变url

scollIntoView()介绍：

• 功能
  将调用的它的元素滚动到浏览器窗口的可视区域；

注：
根据页面的布局，元素可能无法滚动到顶部或者底部
只有页面可以滚动时才生效

• 语法：

  element.scrollIntoView()// 等同于element.scrollIntoView(true) —布尔参数
  element.scrollIntoVIew( scrollIntoViewOptions ); — 对象参数
  参数说明：
  1、布尔值（最常用）
  

  2、对象 scrollIntoViewOptions

查阅与：

https://jingyan.baidu.com/article/851fbc3717459e7e1f15aba0.html