引导程序上的不可点击的侧边栏链接

我在我的网站上有一个包含链接到各个div的边栏，但是当我尝试点击其中的任何一个时，他们只是突出显示而不跳转到div。引导程序上的不可点击的侧边栏链接

该网站的问题是http://www.ico.mmu.ac.uk/13143651/dip/pages/football.html

顶部导航工作正常，它只是侧面导航，似乎有问题。

侧栏导航

<div class="row-offcanvas row-offcanvas-left"> 
<div id="sidebar" class="sidebar-offcanvas"> 
    <div class="col-md-12"> 
    <a class="navbar-brand" href="#intro">Football</a> 
    <ul class="nav nav-pills nav-stacked text-center"> 
     <li><a href="#times">Men's Training</a></li> 
     <li><a href="#times2">Women's Training</a></li> 
     <li><a href="#">Section</a></li> 
     <li><a href="#">Section</a></li> 
     <li><a href="#">Section</a></li> 

    </div> 
    </div>

例如DIV

<div class="col-md-9" id="intro"> 
        <div class="text-center"> 
         <p>some text </p> 

        </div> 
      </div>

任何帮助将不胜感激。由于

来源

2015-02-07 Mo Martin

你想做锚？ – 2015-02-07 15:27:12

好吧，我希望每个链接都跳转到页面上的不同div，因此品牌链接到页面上的介绍，教练链接跳转到“教练”div等。 – 2015-02-07 15:31:02

路径造型打开smoothscroll.js/JS全部删除并粘贴到JUMP直接

jQuery(document).ready(function(){ 

    jQuery('a[href^="#"]').click(function(e) { 
    var hashtag=$(this).attr("href"); 
    window.location=hashtag; 

    }); 

    });

编辑：

尝试把这个smoothscroll.js

jQuery(document).ready(function(){ 

jQuery('a[href^="#"]').click(function(e) { 

    jQuery('#main').animate({ scrollTop: jQuery(this.hash).offset().top}, 1000); 

    return false; 

    e.preventDefault(); 

}); 

});

这就是问题所在：('html,body')要滚动主分区

来源

2015-02-07 15:32:21 napster3world

对不起，我不是足够具体，我希望它能够平滑地滚动到每个div，而不仅仅是跳转，但是，它会跳转到div，这比它没有做任何事情要好。 – 2015-02-07 15:45:04

参见编辑，在这一行'var targetOffset = $ target.offset（）。top;'设置边距，如果覆盖文本，修复尝试像这样'var targetOffset = $ target.offset（）。top-60; ' – napster3world 2015-02-07 17:02:42

它仍然只是从一个div跳到另一个：/ – 2015-02-07 17:15:18

引导程序上的不可点击的侧边栏链接

回答

相关问题