vue3.设置完overflow:auto后 scrollBehavior失效
时间: 2024-04-29 14:23:15 浏览: 248
vue项目设置scrollTop不起作用(总结)
5星 · 资源好评率100%
这可能是由于在设置`overflow:auto`之后,父元素的高度或宽度没有被正确设置,导致滚动条无法正常工作。您可以尝试在父元素中设置一个固定的高度或宽度,并在需要时使用`overflow:auto`来启用滚动条。
另外,请确保您已正确设置了`scrollBehavior`选项。您可以在创建Vue实例时通过`scrollBehavior`选项来设置全局的滚动行为。例如:
```
const app = createApp(App)
app.config.globalProperties.$scrollBehavior = (to, from, savedPosition) => {
// your scroll behavior logic here
}
app.mount('#app')
```
如果上述解决方案无法解决问题,请提供更多详细信息,以便我们更好地了解您的情况并提供更准确的帮助。
阅读全文