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

Question

我知道如何创建一个平滑的滚动来锚定页面加载；与以下内容类似:

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

我已经完成了 17745005 次 onClick 导航到垂直网站的不同区域 --

..But, what I am trying to do now IS, when a URL is accessed let's say http://www.cooltimes.com/#scrolltoCOOLplace <-- specifically that is typed into the address bar OR clicked on from an external link, then it smooth scrolls to #scrolltoCOOLplace div location within my website.

本质上是通过 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;
});