2015-02-07 8 views
0

У меня есть боковая панель на моем веб-сайте, содержащая ссылку на отдельные div, но когда я пытаюсь и нажимаю на любую из них, они просто выделяют, не перескакивая в div.Unc Clickable ссылки боковой панели на загрузке

Сайт о котором идет речь http://www.ico.mmu.ac.uk/13143651/dip/pages/football.html

топ нав работает отлично, это просто сторона нав, что, кажется, есть проблемы.

Sidebar нав

<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> 

Любая помощь будет принята с благодарностью. Благодаря

+0

Вы хотите сделать якоря? –

+0

Ну, я хочу, чтобы каждая ссылка переходила на другой div на странице, поэтому бренд связан с вступлением на страницу, ссылка на тренера перескакивает на «тренер» и т. Д. –

ответ

1

открой smoothscroll.js в пути стилизации/JS удалить все и вставить это СКАЧКООБРАЗНЫМИ непосредственно

jQuery(document).ready(function(){ 

    jQuery('a[href^="#"]').click(function(e) { 
    var hashtag=$(this).attr("href"); 
    window.location=hashtag; 

    }); 

    }); 

EDIT:

пытаются поставить это на 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

+0

Жаль, что я не был достаточно, я хочу, чтобы он сглаживал прокрутку до каждого div, а не просто прыгал, но, тем не менее, заставлял его прыгать в div, что лучше, чем вообще ничего не делать. –

+0

см. Редактирование в этой строке 'var targetOffset = $ target.offset(). Top;' задайте марж, если накройте текст, чтобы исправить попытку, как это: var targetOffset = $ target.offset(). Top-60; ' – napster3world

+0

Это все еще просто прыгает с одного div на другой:/ –

Смежные вопросы