实现一个锚点需求但又不是用锚点实现

需求:

产品要求点击首页功能标签 跳转到另一个页面的时候  需要到达指定的功能点。


实现一个锚点需求但又不是用锚点实现_第1张图片
点击这些六角形图标是可以跳转到固定功能区的。

因为功能区的页面  的dom是ajax加载出来的,如果使用锚点的话j就有可能出现---当网络延迟的情况下 跳转过去会出现bug,所以我用的是另一种方案。那就是window.scrollTo();

首先 你跳转的时候把id传过去类似这样index.html?of=warning;然后再截取参数,可以用这个方法

实现一个锚点需求但又不是用锚点实现_第2张图片
截取字符串的方法

然后通过id  判断他距离盒子顶部的距离,我是用jq写的,如下:


实现一个锚点需求但又不是用锚点实现_第3张图片

全部步骤就在这里。可以根据自己的想法去变通

你可能感兴趣的:(实现一个锚点需求但又不是用锚点实现)