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

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

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

                    </div>
            </div>

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

Answer 1

在路径样式/ 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