页面分为几个楼层展示内容，向下滑动左侧出现楼层按钮，点击楼层按钮跳转到对应楼层处，滑动时，楼层也在变化

遇到的问题 最近在开发一个Vue的项目，好几个页面都有用到一个 页面楼层滑动的组件，我就直接封装成了一个，但是遇到一个bug，就是我需要得到这个组件的offsetTop，然后页面滚动到这个位置的时候，就设置position属性为fixed，让他固定在屏幕上。问题是当我在mounted钩子函数中获取offsetTop的时候，在新开的页签中打开页面，会得到错误的offsetTop，但是在当前页面刷新，就不会有问题。 定位问题 后来查到问题，就是加载的问题，新窗口打开图片，默认是没有带缓存的，图片是

本文实例讲述了jQuery网页定位导航特效实现方法。分享给大家供大家参考，具体如下： 描述：左右联动的导航，非常适合展示页面内容多，区块划分又很明显的，点击右边固定导航项时，左边的内容跟着切换。滑动滚动条的时候，右边的导航也随着左边的展示而进行高亮切换。 思路：比较滚动距离和楼层距离（相对于顶部），如果滚动距离大于等于楼层距离，即进入了相应楼层，然后通过一个变量来记录该楼层的信息，最后传递给右边高亮显示 1.点击右边固定导航项时，左边的内容跟着切换。 只需将右边a的href设置为左边区块的id加