javascript - 平滑滚动到页面上的div ID通过URL地址加载

我知道如何创建平滑滚动来锚定页面加载；类似于以下内容：

$(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解决方案有什么建议吗？

最佳答案

在函数中使用var param = document.location.pathname;，然后将其传递给scrollTop。

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