从另一个页面访问时引导滚动间谍

我试图链接到主页的特定部分，同时保持滚动间谍功能。

有了这个代码：

<li><a href="#sec1">About</a></li>

滚动间谍正在运行，但如果我尝试从主页以外的页面访问它，它只会添加"#sec1"到当前页面的 url，没有效果。

如果我把它改成：

<li><a href="/#sec1">About</a></li>

它带我到主页上的正确部分，但滚动监视功能不再起作用。

js code

$(function(){/* smooth scrolling for scroll to top */
     /* highlight the top nav as scrolling occurs */
     $('body').scrollspy({ target: '#navbar' })
});

有任何想法吗？

你可以试试

$(document).ready(function(){
    var href = window.location.href; 
    var splitit = (href.split('#'))[1]; //split url to get sec1 name
    if(splitit !== "" || splitit !== "undefined"){
        $('html, body').animate({
            scrollTop: $('#'+splitit).offset().top
        }, 2000);
    }
});

此代码将拆分 url 以获取 sec1 或 sec2 ....，然后滚动到 id="sec1" 的 div

我的意思是，如果您将另一个页面重定向到 www.website.com/anything#sec1 ，它会将页面滚动到 id="sec1" 的 div

看看这个DEMO http://jsfiddle.net/gq86j6cL/1/

你可以看到这个Jsffidle http://jsfiddle.net/q4p5r/298/