jquery - 指向单页 Bootstrap 站点上的 div 的外部链接

Question

我正在构建一个单页网站，并且使用 jQuery 和 CSS 将 div 设置为水平扫入。

网站链接 http://97squared.co.uk/starstruck-roadshow.co.uk/

我遇到的问题是我希望能够从外部资源链接到网站的各个部分(博客等)。目前，通过在 href 中调用 div 的 id，将 div 带到浏览器窗口，例如

<a href='#about-us' class=scrollitem'>About Us</a>

但是如果我尝试从外部链接访问该 div

http://http://97squared.co.uk/starstruck-roadshow.co.uk/#about-us

或

http://97squared.co.uk/starstruck-roadshow.co.uk/index.php#about-us

它不会将我带到页面上的相关 div。

如果有人知道我如何通过 .htaccess 重写或 jQuery 重定向来解决这个问题，那么请帮忙，我快崩溃了

Answer 1

试试这个

$(window).load(function(){
    var hash = window.location.hash;
    $('html, body').animate({
        scrollTop: $(hash).offset().top
    }, 2000);
});