美文网首页
vue项目实现锚点链接

vue项目实现锚点链接

作者: 子夜照弦歌 | 来源:发表于2021-04-08 16:57 被阅读0次

由于在网上百度到的相关文章在实际项目中使用未起作用,特此记录
不起作用的方式:https://www.jianshu.com/p/cddcc714da2b(不知道什么原因不起作用)

  movePage(cls) {
      // 获取标签名称,跳转
      // const returnEle = this.$el.querySelector("." + cls);
      const returnEle = document.querySelector("." + cls);
      if (returnEle) {
        returnEle.scrollIntoView(true); // true 是默认的
      }
    },

相关文章

  • vue项目实现锚点链接

    由于在网上百度到的相关文章在实际项目中使用未起作用,特此记录不起作用的方式:https://www.jianshu...

  • Vue锚点链接

    锚点链接是我们在开发中经常会用到的一个技术点,常见的常见有,页面内容过多,而我们不希望拿鼠标一直来回滚动,就需要用...

  • 锚点链接实现

    用到onpagescroll方法获取页面的滚动高度和获取元素距离页面顶部的高度。

  • Vue添加锚点(兼容直接输入地址时scrollBehavior不

    Vue添加锚点有很多方法,今天我们来说vue-router提供的一种 vue-router官网说明锚点就是在链接中...

  • iview 锚点爬坑 && vue 锚点

    在vue中实现锚点定位效果 iview的锚点 原生锚点实现 iview爬坑点 且需要把滚动容器的id或者class...

  • 吸顶和vue实现锚点跳转

    另vue实现锚点跳转之scrollIntoView()方法滚动到某个特定元素 :scrollIntoView();...

  • HTML5初识

    1.锚点 通过超链接可实现页内跳转,在地址栏上会拼接上#targetId。 锚点测试 说明: a: a 元素 (...

  • Markdown 语法介绍

    Markdown 语法介绍 目录 [TOC]简书不支持,可用锚点实现 标题 锚点 点击跳转 引用 列表 列表项目标...

  • HTML超链接

    如果使用外部地址(非本项目的页面),地址需要加上http等协议 在新标签页打开超链接 新建锚点 跳转到锚点

  • 2018-04-18

    页面中置顶按钮的实现 方法一 锚点链接 方法二 通过js改变$(document).scrollTop()的值实现...

网友评论

      本文标题:vue项目实现锚点链接

      本文链接:https://www.haomeiwen.com/subject/aasvkltx.html