vue中vue-scroll滚动条回到顶部
今天项⽬碰到⼀个<vue-scroll >滚动条要回到顶部的需求,查询了好久终于解决了,这⾥记录⼀下:
其实就是scrollIntoView()⽅法的使⽤:
1. 需要注意的是要求页⾯(容器)可滚动时才有⽤!
2. 然后要说明的是,这是js原⽣⽅法,jquery等框架是使⽤不了的,所以,获得元素的⽅法⼀定是ElementById或
querySelector,然后才可以点出来scrollIntoView()⽅法。
3. 语法:
jquery框架使用element.scrollIntoView(); // 等同于element.scrollIntoView(true)
element.scrollIntoView(alignToTop); //布尔参数
element.scrollIntoView(scrollIntoViewOptions); //对象参数
如下附上我的代码:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论