Question

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

指向网站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);
});

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;

外部链接到一个页面引导程序站点上的div

2 个答案: