No se puede desplazar a un elemento div usando hash en la aplicación Angular

he leídoaquí yaquí que una página puede desplazarse a un elemento específico usando solo un selector de hash y un atributo de identificación.

Pero por alguna razón no puedo hacerlo en mi aplicación Angular. ¿Puede esto ser debido al uso de enrutamiento (angular-ui-router) en mi aplicación.

Lo que intento hacer es moverme a una sección específica de una de mis páginas, que por cierto se cargan en un estado mediante el enrutamiento.

Yo tengo :

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

y

<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>

en la misma plantilla

¿Hay alguna manera de hacer que funcione con el enrutamiento (si es que importa) también o estoy haciendo algo mal aquí?

Respuestas a la pregunta(1)

Su respuesta a la pregunta