下一条路线不是从页面顶部打开（向下滚动）。为什么？

Question

有人遇到过同样的问题吗？我正在使用具有模板级订阅的 Iron 路由器。
例如。我有一个长页面“项目列表”，我可以向下滚动。然后我单击底部某处的某个项目，下一个模板呈现低于应有的水平。
想象一下，您在 youtube 上搜索，向下滚动结果，然后单击视频 sn-p，但它不是从顶部打开而是从下方打开，因此您需要返回顶部才能看到视频。

---

我尝试将“滚动到顶部”脚本放入 onRendered 回调中，但这种“跳转”可以用肉眼识别。所以它变得更糟。

---

（更新）我现在找到了这个解决方案：

Router.onBeforeAction(function() {
  $(window).scrollTop(0);
  this.next();
});

Answer 1

如果您使用的是 FlowRouter，您可以轻松地将其添加到 triggersEnter 路由定义中：

const publicRoutes = FlowRouter.group({
  name: 'public',
  triggersEnter: [() => {
    window.scrollTo(0, 0);
  }],
});

Answer 2

你应该试试这个

meteor add okgrow:iron-router-autoscroll

参考：https://github.com/okgrow/iron-router-autoscroll

Answer 3

尝试将其放入您的代码中，如果您使用 React，请将其放入 componentDidMount() 函数中

window.scrollTo(0, 0);