2015-09-26 99 views
0

我的SPA-Website(单页应用程序)上的导航滚动条出现问题。当我正常滚动我的网站上的偏移量是正确的,导航获得正确的活动类。现在,当我在页面上的某个地方以“about”为例时,我的导航具有正确的活动类。但是当我对网站进行刷新并且浏览器将我滚动回到同一点时,我的导航就会“联系”活动类,它实际上就是在“关于”的位置。在我再次滚动一次之后,我再次获得“关于”活动。Bootstrap's Scrollspy:当页面重新加载后滚动具有不同偏移量时的偏移量

我尝试了几件事,但没有任何工作。


更新: 我固定的给我的所有部分分屏幕高度的问题:

html { 
 
    height:100% !important; 
 
} 
 

 
body { 
 
    height:100%; 
 
} 
 

 
section { 
 
    min-height:100%; 
 
}

回答

0

请提供:“如何创建一个最小的,完整的,和可验证的例子“

基于你虽然提到什么

https://stackoverflow.com/help/mcve

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_scrollspy_refresh&stacked=h

$(document).ready(function(){ 
removeSection = function(e){ 
    $(e).parents("body > div").remove(); 
    $('body').each(function(){ 
//Try this refresh method if you haven't already. 
     $(this).scrollspy('refresh'); 
    }); 
} 
$("body").scrollspy({target: ".navbar", offset: 50}); 

});

+0

请您详细说明一下吗?你的问题解决了吗?还是你的控制台返回任何东西? – alphapilgrim