vue中设置overflow后，window.scrollTo 失效

可以尝试在设置overflow后，将滚动事件绑定到对应的元素上，例如：

<div class="scroll-container" @scroll="handleScroll">
  <!-- content -->
</div>

然后在methods中定义handleScroll方法，实现滚动时的逻辑：

methods: {
  handleScroll() {
    window.scrollTo(0, this.$refs.scrollContainer.scrollTop);
  }
}

其中，this.$refs.scrollContainer指向的是包裹内容的元素，scrollTop表示该元素的滚动距离。这样就可以在设置overflow后，通过监听元素的滚动事件来实现滚动效果了。

相关问题

vue3中 window.scrollTo失效

在 Vue3 中，由于使用了 Composition API，所以 window.scrollTo 失效的原因可能是因为在 setup 函数中使用了 ref 或 reactive，导致在组件渲染之前 window 对象还没有被创建，因此无法使用 scrollTo 方法。解决方法可以尝试在 onMounted 钩子函数中使用 window.scrollTo 方法。

vue中window.scrollto失效

对于您的问题，我可以回答：在 Vue 中使用 window.scrollTo 方法时，需要确保该方法被调用时，DOM 元素已经被渲染完成。可以尝试在 mounted 或 updated 钩子函数中使用该方法。此外，也可以尝试使用 Vue Router 提供的 scrollBehavior 方法来控制页面滚动行为。希望这可以帮到您！