使用Meteor JS深入链接到页面中的某个位置

前端之家收集整理的这篇文章主要介绍了使用Meteor JS深入链接到页面中的某个位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个流行的应用程序与多页.我想要能够深入到位于中间位置的锚点.

传统上,在正常的html中,你可以在页面的某个位置,并通过/mypage.html#chapter5链接到它.

如果我这样做,我的流星应用程序不会向下滚动到那个地方.

这是最好的方法是什么?

解决方法

你使用某种 JavaScript路由器吗?流星路由器?

您可以使用类似基于javascript的滚动方法.一个这样的例子是JQuery:(你可以把它放在你的链接/按钮点击处理程序)

Template.hello.events({
  'click #theitemtoclick':function(e,tmpl) {
      e.preventDefault();
      $('html,body').animate({
          scrollTop: $("#item_id").offset().top
      },600);
   }
});

然后标记你的html项目,你将把你的锚点与id:

<h1 id="item_id">Section X</h1>
原文链接:https://www.f2er.com/js/150953.html

猜你在找的JavaScript相关文章