overflow与锚点定位
1. 锚点的两种跳转方法：
a. <a>标签的name属性
b. 标签的id属性
2. 锚点定位行为的触发条件
(1) URL地址中的锚链与锚点元素对应并有交互行为
两种返回顶部的方法：
<ahref="#">返回顶部></a>
<a href="javascript:">返回顶部></a>
(2) 可focus的锚点元素处于focus状态（类似链接或者按钮、输入框等可以被focus的元素在被focus时发生的页面重定位现象）。例如：一个可读写的<input>输入框在屏幕之外，执行document.querySelector(input).focus()时这个输入框会自动定位在屏幕之中，这些就是“focus锚点定位”。
3. 锚点定位作用的本质
l 锚点定位的实现本质上是通过调整容器的滚动高度或宽度来完成的，而并非浏览器的滚动高度。
l 锚点定位不仅可以作用于普通的容器元素，而且定位行为是由内向外触发的。当一个普通元素与窗体都可滚动时，锚点定位行为会从内部向外触发，影响所有能够滚动的窗体。
l overflow:hidden 与 overflow:auto 或 overflow:scroll 的主要区别在于是否显示滚动条。当设置 overflow:hidden 时，若容器内的内容超出高度，滚动仍然会发生，只是不会显示滚动条，也不会触发锚点定位。
l 锚点定位的核心作用是修改 scrollTop 或 scrollLeft 的值，这样的定位效果等同于执行 document.querySelector('.box').scrollTop = X 的操作。