# char in a URL is generally used to refer to a specific section within a web page. It can be a paragraph or tab, or any kind of “section”.
/some/page#section-2 would be section 2 of page
/some/page. But in single page applications, the interpretation of a
# char in the URL depends on the implementation. For instance, in Gmail it is used for “folders” (actually “labels”):
https://mail.google.com/mail/u/0/#inboxis the “inbox” folder,
https://mail.google.com/mail/u/0/#sentcorresponds to sent messages, etc.
I’m trying to keep the standard web web logic in an Ember app. I have elements having ids like
m2, etc. in my page. If I have links such as
<a href="#m1">link to m1</a>
in the page and click them, the browser scrolls to the corresponding element.
Now I would like to programmatically trigger a similar behaviour, but nothing seems to work.
I have tried
transitionTo: but it does not even trigger a transition (probably because it is a transition to the same page with just a different hash),
window.location.hashdirectly: the hash changes, but the browser does not scroll to the element.
Any idea how to trigger this kind of scrolling behaviour in an Ember app?