引导程序上的不可点击的侧边栏链接
我在我的网站上有一个包含链接到各个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>
任何帮助将不胜感激。由于
路径造型打开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')
要滚动主分区
对不起,我不是足够具体,我希望它能够平滑地滚动到每个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
你想做锚? – 2015-02-07 15:27:12
好吧,我希望每个链接都跳转到页面上的不同div,因此品牌链接到页面上的介绍,教练链接跳转到“教练”div等。 – 2015-02-07 15:31:02