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

, что происходит, потому что ваш a тег внутри #circlediv визуально не видно (имеет ширину и высоту, равную нулю)!

, что вы должны сделать, это обернуть #circlediv с a элемента, как показано ниже:

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

Answer 2

Я проверил свои DOM элементы, и нет ни одного примера уль или что-то. См DOM элемент этот пример в данном примере с именем SmoothPageScroll, который имеет структуру, представленную ниже, и вы должны сделать что-то вроде этого на вашем сайте:

<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 и его размер составляет 0x0 пикселей, поэтому вы не можете щелкнуть по нему.

Попробуйте вместо этого:

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

Во-вторых, у вас нет какой-либо элемент с id='article', поэтому он не находит какого-либо элемента выберите.