Geek asks and answers

Unable to scroll div element with hash in Angular application

I read here and here to scroll through the page you can a specific element using only a hash selector and id attr.

But for some reason, I cannot do this in my Angular application. Could this be due to the use of routing ( angular-ui-router) in my application.

What I'm trying to do is go to a specific section of one of my pages, which, incidentally, are loaded into state using routing.

I have:

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

and

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

in the same template.

Is there a way to get it to work with routing (if that matters at all), or am I doing something wrong here?

0
source
1

, _target <a>.

_target self. , , , ( SPA, ).

<a href="#footer" target="_self">Go to the footer</a>


<div id="footer">Welcome to the footer</div>
0

More articles:


All Articles