vue中设置overflowLauto,不能重置滚动条
时间: 2023-05-16 07:05:02 浏览: 224
可以使用以下代码重置滚动条:
```
this.$nextTick(() => {
this.$refs.scrollContainer.scrollTop = 0;
});
```
其中,`scrollContainer`是包含滚动条的元素的引用,`scrollTop`是滚动条的位置。在`$nextTick`中执行代码可以确保DOM已经更新完毕。
相关问题
vue3中设置overflowLauto,不能重置滚动条
可以使用CSS属性scrollbar-width: none;来隐藏滚动条,然后再使用::-webkit-scrollbar伪元素来自定义滚动条的样式。具体实现可以参考以下代码:
/* 隐藏滚动条 */
body {
scrollbar-width: none;
}
/* 自定义滚动条样式 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 4px;
}
::-webkit-scrollbar-track {
background-color: #f5f5f5;
border-radius: 4px;
}
vue中重复跳转当前页面,滚动条不重置
对于这个问题,你可以使用以下代码来重置滚动条:
```
this.$router.replace({ path: '/your-current-path' }).catch(err => {})
window.scrollTo(0, 0)
```
其中,`this.$router.replace` 可以用来重复跳转当前页面,`window.scrollTo` 可以用来重置滚动条。