eu liaqui eaqui que uma página pode ser rolada para um elemento específico usando apenas um seletor de hash e um atributo id.

Mas, por algumas razões, não consigo fazer isso no meu aplicativo Angular. Isso pode ser devido ao uso de roteamento (angular-ui-router) no meu aplicativo.

O que estou tentando fazer é mudar para uma seção específica de uma das minhas páginas, que por sinal são carregadas em um estado usando roteamento.

Eu tenho :

        <div class="nav_panel">
         <a class="nav_links" href="#footer">Footer</a>
       </div>

e

<div class="homeFooter" id="footer">
        <div class="social_icons">
            <span class="gplus"></span>
            <span class="fb"></span>
            <span class="twitter"></span>
            <span class="whatsapp"></span>
            <span class="youtube"></span>
        </div>
</div>

no mesmo modelo.

Existe uma maneira de fazê-lo funcionar com roteamento (se é que isso importa) também ou estou fazendo algo errado aqui?