我的网站上有一个侧边栏,其中包含指向各个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>
任何帮助将不胜感激。谢谢
在路径样式/ 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
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句