jquery - 滚动到 Sammy.js 项目中的 anchor 链接

Question

我正在使用 sammy.js 框架构建一个网站。我有一个恒定的侧边栏，以及在萨米的帮助下加载不同页面的主要内容 View 。在侧边栏上，我有新闻文章的链接。目前，侧边栏上的任何文章链接都只会加载 #/news 路由。但我希望它加载路线并向下滚动到文章。我尝试过在加载路线后触发 anchor 链接以向下滚动到文章，但我在使用 sammy 应用程序时遇到错误。关于如何实现这一点有什么想法吗？

Answer 1

似乎是一个老问题，但由于它仍然没有答案......

您必须将 URL 定义为正则表达式，并允许在其末尾添加可选的书签哈希:

get(/#\/news(#.+)?/, function() {
    var articleId = this.params['splat'];
});

这将匹配以下任何路线:

• #/新闻
• #/新闻#
• #/news#my-news-article

然后您应该能够使用articleId 查找匹配的元素并手动滚动。例如在上面的最后一条 route ，“articleId”将是“#my-news-article”，因此使用 jQuery 您可以执行以下操作:

var $article = $(articleId);
    $(document.body).animate({ scrollTop: $article.offset().top });
});

希望有帮助。