jquery - 从另一个页面访问时 Bootstrap 滚动 spy

Question

我正在尝试链接到主页的特定部分，同时保持滚动 spy 功能。

使用此代码:

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

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

如果我将其更改为:

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

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

js代码

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

有什么想法吗？

Answer 1

你可以试试

$(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

你可以看到这个Jsffidle