javascript - Bootstrap 上不可点击的侧边栏链接

Question

我的网站上有一个侧边栏，其中包含指向各个 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 class="col-md-9" id="intro">
                    <div class="text-center">
                        <p>some text </p>

                    </div>
            </div>

任何帮助将不胜感激。谢谢

Answer 1

打开路径 styling/js 中的 smoothscroll.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') 你想滚动主 div