滚动到uRL中具有多个锚点的锚点，

Question

Got a question about the Anchor point.

I have a URL like domain .tld/ sub /#point1/#point2 and I also using tabs which is triggered by the first #point1 . So if someone opens the link the browser is detecting the first tab on that page and then it needs to find the second #point2 which is a anchor point like <div id="point2"></div> .

But now comes te question, since it is not possible to use multiple anchor scrolldowns when the pages is loaded, I have to find a other option. But offcourse didn't have that much experience. Who could help me out?

Regards Martijn

Answer 1

$(document).ready(function() {
    goToUrl();
});


function goToUrl() {
    var newUrl      = document.URL;
    var newUrlArr   = newUrl.split("#");
    var newUrlArrLength = newUrlArr.length;
    if (newUrlArrLength>0) {
        var last = parseInt(newUrlArrLength) -1;
        var lastUrl         = newUrlArr[last];
        var lastItem        = $("#"+lastUrl);
        $('html, body').animate({
            scrollTop: lastItem.offset().top
        }, 1000);
    }
}

Answer 2

Ok I changed the answer from Stavros a bit like underneath:

$(function() {
    goToUrl();


    function goToUrl() {
    var newUrl      = document.URL;
    var newUrlArr   = newUrl.split("?target=");
    var defUrl = newUrlArr[1].slice(0, newUrlArr[1].indexOf("#"));

    var newUrlArrLength = defUrl.length;
    if (newUrlArrLength>0) {
        var tag = $("#"+defUrl+"");
         $(window).scrollTop(tag.offset().top);
    }
}

});

This does the job for me! Thanks Stavros.