# Routing to an anchor on a different route

**URL:** <https://discuss.emberjs.com/t/routing-to-an-anchor-on-a-different-route/12354>\
**Category:** Uncategorized\
**Created:** [February 1, 2017, 1:41am UTC](https://discuss.emberjs.com/t/routing-to-an-anchor-on-a-different-route/12354 "2017-02-01T01:41:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![imdanwalton](https://avatars.discourse-cdn.com/v4/letter/i/e9c0ed/32.png) [@imdanwalton](https://discuss.emberjs.com/u/imdanwalton)\
**Post date:** [February 1, 2017, 1:41am UTC](https://discuss.emberjs.com/t/routing-to-an-anchor-on-a-different-route/12354/1 "2017-02-01T01:41:06Z")

</div>

Hi! I’m relatively new to ember, and am struggling to figure out a way to create a link-to that will route to ‘index’ then scroll to a particular anchor.

When users click on the feature’s on any page, I’d them to be routed to ‘index’ then have the page scroll to the “features” anchor.

I’m currently using ember-scroll-to-mk2. Upon clicking the link on the ‘index’ page, it works perfectly. But clicking the link on any route other than ‘index’ the link doesn’t work.

Any suggestions would be greatly appreciated.

```
<nav class="navbar navbar-light bg-faded bg-dark">
    <ul class="nav navbar-nav navbar-right">
      <li class="nav-item">
        {{#link-to 'index' class="nav-link"}}Home{{/link-to}}
      </li>
      <li class="nav-item">
          {{#scroll-to target = "#features"}}Features{{/scroll-to}}
      </li>
      <li class="nav-item">
        {{#link-to 'about.technology' class="nav-link"}}Technology{{/link-to}}
      </li>
      <li class="nav-item">
        {{#link-to 'about.our-story' class="nav-link"}}About{{/link-to}}
      </li>
    </ul>
  </nav>

```

---

<div class="post-metadata">

**Author:** ![broerse](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/broerse/32/9497_2.png) [@broerse](https://discuss.emberjs.com/u/broerse)\
**Post date:** [February 1, 2017, 5:46am UTC](https://discuss.emberjs.com/t/routing-to-an-anchor-on-a-different-route/12354/2 "2017-02-01T05:46:09Z")

</div>

Not answering your question but perhaps interesting. We just use ember routes for something similar. See going to route **4** : [TVGsite](http://www.tvg.nl/nieuwsbrieven/november-2016/4)

---

<div class="post-metadata">

**Author:** ![imdanwalton](https://avatars.discourse-cdn.com/v4/letter/i/e9c0ed/32.png) [@imdanwalton](https://discuss.emberjs.com/u/imdanwalton)\
**Post date:** [February 1, 2017, 6:20am UTC](https://discuss.emberjs.com/t/routing-to-an-anchor-on-a-different-route/12354/3 "2017-02-01T06:20:44Z")

</div>

Thanks for the response @broerse! The scroll to anchor functionality works great! How have you achieved this? 😃