meteor - 下一条路线不是从页面顶部打开(向下滚动)。为什么？

Question

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

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

(更新)我现在找到了这个解决方案:

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

Answer 1

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

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