Linked Questions
38 questions linked to/from How to handle anchor hash linking in AngularJS
1 vote
0 answers
109 views
Link to a partof the page in AngularJS [duplicate]
I am trying to link to another part of the page in html. normall this works like: <a href="http://example.com/page.html#foo">Jump to #foo on page.html</a> and it jumps to <div id="foo"&...
2 votes
0 answers
94 views
Opening URL with an anchor (#) in a new window/tab (angularjs with angular-ui router) [duplicate]
I have a link to another page that uses an anchor with ui-sref: `<a ui-sref="details({'id': '12345', '#': 'parts'})" target="_blank"> to parts </a>` When the link is opened in the ...
166 votes
21 answers
174k views
Angular2 Routing with Hashtag to page anchor
I wish to add some links on my Angular2 page, that when click, will jump to specific positions within that page, like what normal hashtags do. So the links would be something like /users/123#userInfo ...
80 votes
11 answers
138k views
Anchor links in Angularjs?
Is it possible to use anchor links with Angularjs? I.e.: <a href="#top">Top</a> <a href="#middle">Middle</a> <a href="#bottom">Bottom</a> <div name="top"&...
40 votes
5 answers
48k views
How to use normal anchor links with react-router
Very similar to this angular question: how do I use anchor links for in-page navigation when using react-router? In other words, how do I implement the following plain HTML when using react-router? &...
23 votes
6 answers
24k views
Scroll to anchor after page load in Angular
I need to set an ng-click event so that that it loads a new page, and then, once the page has loaded, scrolls to an anchor point on the page. I've tried every solution proposed on this SO post but I ...
7 votes
2 answers
7k views
how to scroll to the loaded ui-view
I have a ui-view inside of my page. When some button is clicked, the ui-view is loaded and replaced by some HTML. I want the page to be scrolled down to the just-loaded part of the page. Is this ...
6 votes
5 answers
13k views
How to stop Angular to reload when address changes
I am using Angular's scrollTo and anchorScroll like this: app.controller('TestCtrl', function($scope, $location, $anchorScroll) { $scope.scrollTo = function(id) { $location.hash(id); $...
7 votes
5 answers
5k views
$location.path change hash to %23 & .hash is not working fine
I want to redirect to the another page & focus should be on the some DIV with id let's say 'some-div-id'. I tried following $location.path('/' + $scope.config_path.school + '/' + $...
8 votes
5 answers
3k views
Preserve traditional anchor behavior with ng-include
I am not building a single-page application, but rather a "traditional" site that uses AngularJS in places. I've hit the following problem (using 1.3.0-beta.6): Standard, working anchor links: <a ...
15 votes
1 answer
5k views
Can I reclaim control of the URL hash-fragment from AngularJS?
I'm using AngularJS, and would like to process a given #hash-fragment in the address-bar. However, —and this is key— I'll not be using the hash-fragment to encode a path. But it seems AngularJS ...
11 votes
6 answers
2k views
Remove hashchange event from Angular, or prevent Angular from rewriting anchor links
We have a project which uses Angular, but only for the UI binding/AJAX aspect of it, not for any sort of routing or SPA functionality. We want to be able to use anchor links (#section-2) in articles ...
3 votes
4 answers
3k views
AnchorScroll only works after second click
I believe I am experiencing the same issue mentioned here: $anchorScroll and $location only work after second try I reviewed the plunker that works and I have routing in place, but it is still taking ...
8 votes
3 answers
3k views
Skip navigation link for single page site
I have a site that is built as a single-page and all requests are made with AJAX. The pages are like site.com/#Page or site.com/#Page/Other. Now, I need to implement the a Skip Navigation link in ...
7 votes
1 answer
3k views
Angular ui-router change state on scroll
Here is an example layout. Assuming that section height is more or equal user's viewport. +----------+ | Section1 | +----------+ | Section2 | +----------+ | Section3 | +----------+ All these sections ...