平滑滾動到頁面上的div ID通過URL地址加載

Question

我知道如何創建平滑滾動來錨定頁面加載； 類似於以下內容：

$(function(){
    $('html, body').animate({
        scrollTop: $( $('#anchor1').attr('href') ).offset().top
    }, 2000);
    return false;
});

我已經完成了17745005次onClick導航到垂直網站的不同區域-

..但是，我現在要做的是，當訪問URL時，我們說 http://www.cooltimes.com/#scrolltoCOOLplace <- 特別是在地址欄中輸入的內容或從外部鏈接中單擊的內容，然后將其平滑滾動到我網站內的#scrolltoCOOLplace div位置。

本質上觸發通過URL地址平滑滾動到div元素。

關於允許這種功能的jQuery解決方案有什么建議嗎？

Answer 1

使用var param = document.location.pathname; 在您的函數中，然后將其傳遞給scrollTop。

$(function(){
var param = document.location.pathname;
    $('html, body').animate({
        scrollTop: $(param.substr(1)).offset().top
    }, 2000);
    return false;
});