有没有办法强制href =“＃id”不刷新页面，而是跳转到元素ID？

我做了这个哈克关于页面打开时单击和关闭时再次点击，它只是一个div文本框，显示在我的主要jumbotron。有没有办法强制href =“＃id”不刷新页面，而是跳转到元素ID？

我有一个关于导航栏，我想跳转到约div与它，但是当我从单个页面角2应用程序中的多个页面按一个href =“＃约”时，它不是根路线，尽管保存在点击导航时弹出的#about div的div可以从任何路径查看，但是我需要根并重新加载不是我想要的页面。

有没有办法强制页面不能重新加载，并为它寻找当前页面的div ID #about？

来源

2017-02-17 seanEd

请添加您的代码 –

默认情况下，带'href =“＃about”'的链接不应该刷新您的页面。所以你的代码中必须有一些东西触发刷新 –

about div是在我的根路由组件模板上，当我深入到嵌套的路由和模板中并单击它时，它会重新加载页面。 – seanEd

https://plnkr.co/edit/kLPQ8NXvSSEwLWU5r0nS?p=preview

这。这相对简单。只要有希望跳转的元素的href和id就可以匹配。

<a href="#gohere">Jump</a> 

<div style="height: 2000px; width: 100%; background-color:grey"></div> 

<div id="gohere">You're here!</div> 

<div style="height: 2000px; width: 100%; background-color:grey"></div>

来源

2017-02-17 22:41:12

雅我正是这样做，但因为我的#about div在我的家庭/根组件，当我在子路线，我点击导航栏它重新加载我的整个页面，并带我回到根路线。我需要一些处理这种具体情况的东西。虽然 – seanEd

感谢您的DOM仍在你的DOM？ –

加载到* ngIf =“clicked”的div是可见的，并加载到与我的子路由相同的页面上，如果这就是你的意思，尽管只有我的['']根路由将它加载到那里。 – seanEd

有没有办法强制href =“＃id”不刷新页面，而是跳转到元素ID？

回答

相关问题