滾動到uRL中具有多個錨點的錨點，

Question

有一個關於Anchor問題。

我有一個像domain .tld / sub /＃point1 /＃point2這樣的URL，並且我還使用了由第一個#point1觸發的選項卡。 因此，如果有人打開鏈接，瀏覽器將檢測到該頁面上的第一個標簽，然后需要找到第二個#point2 ，它是一個錨點，例如<div id="point2"></div> 。

但是現在出現了一個問題，因為在頁面加載時不可能使用多個錨點向下滾動，所以我必須找到另一個選項。 但是，課程沒有那么多經驗。 誰能幫助我？

問候馬丁

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

好的，我像下面這樣從Stavros更改了答案：

$(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);
    }
}

});

這為我完成了工作！ 謝謝斯塔夫羅斯。