jQuery 스크롤이 작동하지 않습니다.

Question

화살표를 클릭하면 내 사이트가 아래로 스크롤됩니다. 여기에서 볼 수 있습니다. http://www.divisionforty.com/dbarr/

그러나 어떤 이유로 클릭 할 때 아무런 변화가 없습니다. 그것은 전혀 작동하지 않습니다. 나는 더 나은 행운을 다른 divs에서 시도했습니다.

<script> 
    $(function() { 
     $('a[href*=#]:not([href=#])').click(function() { 
      if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
       var target = $(this.hash); 
       target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
       if (target.length) { 
        $('html,body').animate({ 
         scrollTop: target.offset().top 
        }, 1000); 
        return false; 
       } 
      } 
     }); 
    }); 
</script> 

누군가 도움을 바랍니다.

감사합니다,
덴버

Answer 1

발생합니다 이름 아래의 구조를 가지고 SmoothPageScroll이 예제이 예제의 DOM 요소를 확인하고 귀하의 사이트에 이런 일을해야 너비와 높이가 0 인 경우)! 지금 페이지를 확인하고이를 발견했습니다

<div class="upper">   
    <a href="#article"> 
     <div id="circlediv"> 
     </div> 
    </a> 
</div> 

Answer 2

나는 당신의 DOM 요소를 확인하고 더 예를 들어 UL 또는 뭔가가 없습니다. 합니다 (#circlediv 내부 사용자의 a 태그가 시각적으로 표시되지 않기 때문에

<div id="page-wrap"> 

     <h1 id="top">Smooth Page Scrolling</h1> 
     ... 
     <ul> 
      <li><a href="/examples/SmoothPageScroll/#two">Scroll to Section Two</a></li> 
      <li><a href="#three">Scroll to Section Three</a></li> 
     </ul> 

     <h1 id="one">Section One</h1>  
     ... 
     <h1 id="two">Section Two</h1>   
     ... 
     <p><a href="#top">Top</a></p> 

    </div> 

Answer 3

: 당신이 무엇을해야하는지

는 아래의 a 요소로 #circlediv을 래핑하는 것입니다

귀하의 <a> 태그는 내부

circlediv이고 크기는 0x0 픽셀이므로 클릭 할 수 없습니다.

<a href="#article"> 
    <div id="circlediv"> 
    </div> 
</a> 

이 두 번째로, 당신은 id='article' 어떤 요소가없는, 그래서로 이동하는 모든 요소를 ​​찾을 수 없습니다 :

대신 사용해보십시오.