Save State Between Route Transitions in EmberJS


Is there an acceptable way to save state between routes in an EmberJS application? For example, I have an Infinite Scroller implemented as an ArrayController with pages of content retrieved from the server as the user scrolls. When the user clicks on one of these results I would like to transition to a dedicated “Details” route.

So far so good, but I would also like them to be able to click “back” on their browser, or a back link on the website to go back to the previous route in the state it was in when they left. What is the best way to accomplish this sort of thing within Ember?