单页 bootstrap 网站上 div 的外部 link

Question

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

link 到站点 http://97squared.co.uk/starstruck-roadshow.co.uk/

我遇到的问题是我希望能够从外部资源link 访问网站的某些部分（博客等）。目前 div 是通过调用 href 中 div 的 id 带到浏览器 window 的，例如

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

但是如果我尝试从外部 link 访问那个 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);
});

Answer 2

好的，在其他人的帮助下弄明白了

我用了@pattie var hash = window.location.hash;并与我的代码混合使用。

        var hash = window.location.hash;    
        var sildeNum = $('.page').length,
          wrapperWidth = 100 * sildeNum,
          slideWidth = 100/sildeNum;
        $('.wrapper').width(wrapperWidth + '%'); 
        $('.page').width(slideWidth + '%');
        var slideNumber = $(hash).index('.page'),           
            margin = slideNumber * -100 + '%';
        $('.wrapper').animate({marginLeft: margin},500);                    
        return false;

单页 bootstrap 网站上 div 的外部 link

external link to a div on a one page bootstrap site

html

css

jquery

hyperlink

twitter-bootstrap