正在获取window.scrollTo（0，0）; 上班

Question

I know that this problem got probably asked and solved a thousand times, yet I need advice on my specific case.

I've set several anchors on my website and I'm using jquery to smoothly scroll between them. I've been using a #top anchor to scroll to the top of the page and it works. The problem is, however, that if I let the button scroll to #top it won't scroll to the absolute top of the page (since I can't set the anchor high enough on the webpage).

I tried to get it work with the window.scrollTo(0, 0); command, but I don't know how to get it to work while still having the possibility to scroll to anchors.

I used the following jQuery for the anchor-scrolling:

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = this.hash;
        var $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});

With this HTML:

<a href="#top">
    <img alt="" heigth="60" onmouseout="this.src='http://i.imgur.com/0JvWWER.png'" onmouseover="this.src='http://i.imgur.com/Ow7CVn0.png'" src="http://i.imgur.com/0JvWWER.png" width="60" />
</a>

Now, how do I get the window.scrollTo(0,0); to work and how do I implement it in the html body?

Thanks in advance.

Answer 1

As somethinghere says, do a small change here:

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = $(this).attr("href");

        $('html, body').stop().animate({
            // Change here...
            'scrollTop': ((target === '#top') ? 0 : $(target).offset().top)
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});