知识要点
实现原理：
1.点击楼层跳相应楼层，用的是锚点定位
电梯：2F 个护家清
列表title：
这个没什么好说的
2.当点击楼层跳到相应楼层时，该楼层高亮显示
我们的脚本主要就是实现这个功能。
原理获取浏览器导航条下拉的距离与各个楼层相对于文档顶部下拉的距离进行校验。
这里需要用到的方法事件：
window.onscroll=function(){ } //浏览器滚动监听事件执行函数 .scrollTop //获取滚动条下拉的高度，大家可以用 console.log(top) 试一下就明白了 .offsetTop //获取元素距离文档顶部的距离
大体过程分析
首先获取滚动条下拉的高度，以及存储一些会用到的变量
//获取滚动条下拉的高度 var top=document.documentElement.scrollTop||document.body.scrollTop; //console.log(top) //所有楼层 var items=document.getElementById("wrap").getElementsByClassName("floor-title"); //a标签父级 var elev=document.getElementById("elev");
遍历所有楼层，获取每个楼层距离文档顶部的距离，如果滚动条的高度大于楼层的高度，就把楼层的ID赋给thisID，
每个楼层都比较一次，直到不满足条件退出循环。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
