路由器推送后滚动被阻止

Question

在一个 Vuejs 项目上工作，我正在尝试使用经典的 this.$router.push(); 更改我的 PWA 的页面，这在其他任何地方都可以完美运行，但是当从组件中包含的模式执行此操作时，推送页面加载但我无法滚动它。

请注意，重新加载页面解锁滚动并从其他地方进入同一页面也可以。所以我放弃了从推送的页面找问题。

在从模态调用push 之前，我试图隐藏模态，但它并没有改变什么。 在我关闭模式后，我尝试从主页（包含模式组件的页面）调用push，但它没有任何改变。

我搜索了很多，希望有人已经遇到过这样的问题并找到了解决方案..

Answer 1

据我所知，模态为他们自己设置了这个

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

所以用“overflow-x: hidden;”你不能滚动！ 因为没有代码我不能说如何解决它，但我认为你应该在路由之前或路由集之后强制模式关闭

overflow-x: scroll;