vue滚动到某位置某元素
2018-10-04 本文已影响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();