在网站中的产品也许案例表面页，经常会被分红很多块不合地区(如：产品的特点、参数、视频、笔墨引见)，内容多且太长，
SEO优化，未便行使户浏览页面，这时候就要用到本文章所做的结果了(jq完成点击导航栏滚动到对应职位和导航栏菜单项随页面滚动而改变)。html如图：
css如图：
js如图：
如上图，先是获得页面重要的地区的个数，然后触发鼠标滚动事件函数，循环获得页面导航栏和各个块(地区)到顶部距离，因为导航栏是相对定位的，它距离顶部的距离也是及时改观的，在滚动鼠标触发滚动事件时经由过程for循环当页面的导航栏距离顶部的值大于某一块到顶部的距离，而小于下一块到顶部距离的值时，以后地点块的的下标对应导航栏的下标的某一栏目增加选中形状，其他的删除选中形状；点击导航栏上的栏目，获得点击栏目的下标，获得同为以后下标的内容块到顶部的距离，让滚动条到顶部的距离值为以后下标的内容块到顶部的距离。