我的网站上有一个侧边栏,其中包含指向各个 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>
任何帮助将不胜感激。谢谢
最佳答案
打开路径 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
关于javascript - Bootstrap 上不可点击的侧边栏链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28383667/