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

需求:

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


点击这些六角形图标是可以跳转到固定功能区的。

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

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

截取字符串的方法

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


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

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,671评论 25赞 708
  • 基础问题 = 和 == 和 === 的区别?= : 用于赋值== : 用于判断=== : 用于判断,必须类型和值同...
    雪落丶阅读 1,033评论 0赞 1
  • 1.基础问题 1. = 和 == 和 === 的区别? = : 用于赋值== : 用于判断=== : 用于判断,必...
    月光在心中阅读 2,524评论 0赞 6
  • 微习惯,我的理解就是:对于你想做的事情,简单点,去试试不就知道了?光想不做空把式,有了开头才可能有结尾,参天大树...
    让dream照进现实阅读 292评论 0赞 0
  • 一、类 等同于: 执行结果: 二、类的继承 两个关键字:1、extends:用来声明类的继承关系2、super:用...
    伯纳乌的追风少年阅读 1,564评论 0赞 4

友情链接更多精彩内容