带有 iron-router 的路由器链接将转到页面上的 "random" 个位置

Question

我正在使用 iron-router 和 meteor 应用程序。一件奇怪的事情正在发生。某些路线链接（例如 /purchase）将我带到页面的中间或底部。行为似乎是随机的。有什么方法可以确保这些将您带到页面顶部吗？

Answer 1

让 window 在导航到路线时滚动到顶部：

route: {
    name: 'name'
    template: 'template'
    onAfterAction: function () {
        scrollTop();
    }
}

function scrollTop() {
    window.scrollTo(0, 0);
}

Answer 2

尝试使用 okgrow:router-autoscroll 包。

meteor add okgrow:router-autoscroll

滚动到顶部对于您网站的前进旅程是可以的，但如果用户想要返回，它会将他们放回上一页的顶部。 autoscroll 包保持页面位置，因此当您单击后退时，它会滚动到您所在的位置。它还支持散列标签锚

带有 iron-router 的路由器链接将转到页面上的 "random" 个位置

Router links with iron-router going to "random" places on the page

meteor

iron-router