美文网首页Vue.js学习vue专题Vue驿站
vue滚动到某位置某元素

vue滚动到某位置某元素

作者: 前端来入坑 | 来源:发表于2018-10-04 17:15 被阅读120次
scrollTop滚动到某位置
document.documentElement.scrollTop=380;//不需要加单位

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

说说解决过程遇到的问题:

  • 第一种解决办法,用下面这句,是因为DTD,有没有声明文档类型的原因
    document.body.scrollTop=300;
  • 第二种,href中不能用“#”,用了#点击之后就是跳转不是回到顶部的原因,href中要下面这样写
<a href="javascript:void(0)">回到顶部</a>
scrollTo,scrollBy,scroll滚动到某元素上还未实现(先记录一下)
  • 第一个坑,ref绑定的元素不能是display:none
  • 第二要加上this.nextTick
this.$nextTick(() => {
  this.$refs.DOM.scrollBy(0,300);//还没有效果,不知道什么问题
});
scrollIntoView()实现滚动到某元素
document.getElementById("ID").scrollIntoView();

相关文章

网友评论

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

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