美文网首页
vue项目中滚动到某元素位置

vue项目中滚动到某元素位置

作者: 八妹sss | 来源:发表于2020-03-23 11:39 被阅读0次

    1.使用a标签+#号

    <a href="#box1">我跳到box1</a>
    <div id="box2"></div>
    

    上面这一种的缺点是,url会发生改变,会在url最后面加上片段识别符#box2,这样就改变了URL的路径,这是我们不想看到的。因为再次刷新的时候回出现问题。当使用 vue-router回退时,发现需要回退很多次。

    2.scrollTop滚动到某位置

    document.documentElement.scrollTop=380; // 不需要加单位
    

    直接这句就可以实现滚动到某位置

    3.scrollIntoView()实现滚动到某元素

    document.getElementById("ID").scrollIntoView();
    

    原文链接:https://blog.csdn.net/qq506930427/article/details/84935733

    相关文章

      网友评论

          本文标题:vue项目中滚动到某元素位置

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