angularjs target = _top

时间:2017-06-26 06:14:24

标签: javascript angularjs

我正在使用angularjs建立一个网站。 页脚中有一些链接链接到状态中的视图,如angularjs网站中的其他页面。 我面临的问题是,当我单击页脚中的链接时,查看更改/包括完美但滚动条保持在其位置(显示页脚)。 我尝试使用target =" _top"链接标记中的属性,但它不起作用。(虽然我不需要它,target =" _blank"工作正常)。 请给我一个解决方案,当我点击网站上的任何链接时,我需要查看标题(页面顶部)。 使用ui-sref来包含视图而不是HREF。

3 个答案:

答案 0 :(得分:0)

<a href="http://foo.com" target="_top">a link</a>

告诉浏览器导航到“foo.com”不是在自己的框架中,而是在最顶层的框架中。如果当前帧是最顶层的帧,则URL将在同一窗口中打开。

答案 1 :(得分:0)

我想你想用跳跃制作一个页面?您可以创建“跳转”或链接到页面上的不同位置。例如,我在此页面的顶部和底部创建了一个“顶部”和“底部”页面跳转。它们只是链接到此页面上的位置。点击它们,它们会将您带到此页面的顶部或底部。页面跳转对于非常长的信息页面非常有用。

创建页面跳转有两个部分。首先,有跳转或链接。它的创建方式与创建任何链接非常相​​似。

<center>
<a href="#Top">Top</a>
&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;
<a href="#Bot">Bottom</a>
</center>

好的,那是第一部分;链接。现在,我们需要在页面上标记要跳转到的位置。我们使用标记或语句来做到这一点。这些标签将放置在您希望页面跳转到的位置。 “Top”和“Bot”标签如下所示。它们放在我页面的顶部和底部。

<a name="Top">
<a name="Bot">

使用的NAME标记必须与本教程前面显示的链接相匹配。另外,请注意,在这种情况下,没有使用“#”(磅)符号。请注意,使用“Top”和“Bot”完全是任意的。您可以使用您想要的任何单词,请记住它们区分大小写。 “顶部”与“顶部”不同。 我希望这会有所帮助。

答案 2 :(得分:0)

如果要在每个链接点击上加载不同的状态,则可以在状态加载时在其主控制器中使用window.scrollTo(0, 0)