2015-02-07 2 views
0

내 웹 사이트에 개별 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> 

어떤 도움이 크게 감사합니다. 감사합니다

+0

앵커를 만드시겠습니까? –

+0

글쎄, 각 링크가 페이지의 다른 div로 이동하기를 원합니다. 브랜드가 페이지의 소개와 연결되어 있으므로 코치 링크가 '코치'div로 점프됩니다. –

답변

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') 본부

+0

죄송합니다. 구체적으로 말하자면, 점프뿐만 아니라 각 div에 대한 스크롤을 부드럽게하고 싶습니다.하지만 div로 점프하는 것이 더 낫습니다. 전혀하지 않는 것보다 낫습니다. –

+0

이 줄에서'var targetOffset = $ target.offset(). top;'텍스트를 덮으면 여백을 설정하고,'var targetOffset = $ target.offset(). top-60; ' – napster3world

+0

여전히 실제 코드에서 하나의 div에서 다른 div로 점프하고 있습니다 :/ –

관련 문제