美文网首页前端攻城狮前端开发笔记
vue中,实现锚点定位及跳转(url不发生变化)

vue中,实现锚点定位及跳转(url不发生变化)

作者: jia林 | 来源:发表于2018-08-14 20:03 被阅读2次

需求

点击快速评论,跳转到评论区,url不发生变化


image.png

代码

 <li @click="returnCom">
            <span class="society-icon society-com"></span>快速评论
  </li>
 returnCom() {
    const returnEle = document.querySelector("#comment");
    if (!!returnEle) {
      returnEle.scrollIntoView(true);
    }
  }

document.querySelector("要返回地方的id").scrollIntoView(true);

相关文章

网友评论

    本文标题:vue中,实现锚点定位及跳转(url不发生变化)

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