标签中的动画之间的变化：铁路由器

Question

在我的网站上，我在我的网站/ #about和我的网站/ #contact

之间的导航栏中导航

使用新版本的iron：路由器路由器自动跳转到相应的锚点，但我想在这两条路线之间添加一个动画而不是铁路：路由器提供的硬跳。

有什么想法可以挂钩？

迎接

Answer 1

当您点击带有哈希（Router._scrollToHash）的锚点时，iron:router中有一个隐藏的#id方法被调用，您可以覆盖默认行为以使其平滑动画使用此代码从当前位置到元素：

Router._scrollToHash = function(hash) {
  var section = $(hash);
  if (section.length) {
    var sectionTop = section.offset().top;
    $("html, body").animate({
      scrollTop: sectionTop
    }, "slow");
  }
};

在遇到像这样的问题时，请不要犹豫，潜入iron:router代码，来源非常易读。

https://github.com/EventedMind/iron-router/blob/e403a72c596bc1f67dc635f07c742122edf29202/lib/router_client.js#L153