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

时间:2015-02-07 15:03:27

标签: javascript jquery html css twitter-bootstrap

我的网站上有一个侧边栏,其中包含指向各个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>

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

1 个答案:

答案 0 :(得分: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