jquery tab栏切换，根据屏幕滑动，自动切换对应的tab栏选项。比较粗糙的写法
思路：页面的盒子混动出屏幕框后，做一次判断，每个盒子到屏幕顶部的距离都有一定的范围限制，滑动到一定的范围就做对应div的高亮
知识点：
1. jQuery获取盒子本身高度，获取屏幕（可视化窗口）高度，浏览器滚动函数，滚动出去的文档高度
2. if else 判断，判断时需要注意，每个区间的判断条件
3. 对理解懒加载有一定的帮助
另外有一些插件是可以使用的
$(window).height()====》获取窗口高度，可视化区域高度
$(document).height()===》获取文档高度，整个文件的高度
$(".box1").offset().top===》获取盒子顶部到，窗口顶部的高度
$(“.div”).height()====》获取某个盒子自身的高度，class获取对应盒子
$(".box ul li").eq(0)===》 获取ul 中第一个li
$(".bbox ul li").eq(2).addclass("gaoliang") 给某个li添加类名 remvoeClass("gaoliang") 移除某个类名
【2020.6.3】五、个人前端基础（tab）
原文：https://www.cnblogs.com/qhsy/p/13040349.html
