ScrollTo div代碼不起作用？

Question

請參閱此小提琴http://jsfiddle.net/rabelais/Lsbnyntg/1/

當用戶單擊文章鏈接之一時，頁面應滾動到文章頂部。 但是，沒有滾動動作發生，它只是快速跳轉到div。 我嘗試過播放動畫時間，但似乎沒有影響它。 如何使滾動可見？

$('ul.inner-li-texts li a').on('click', function(event) {

     var target = $(this.href);

     if ( target.length ) {

         event.preventDefault();
         $('html, body').animate({
              scrollTop: target.offset().top
         } 0, 10000);

     }

});

Answer 1

您的第一個選擇器不正確：

$('ul.inner-li-texts li a')

應該

$('#inner-li-texts li a')

您的動畫語句中有錯字。

您的target代碼不起作用，它應該看起來像這樣：

$('#inner-li-texts li a').on('click', function(event) {

     var target = $($(this).attr('href'));

     if ( target.length ) {

         event.preventDefault();
         $('html, body').animate({
              scrollTop: target.offset().top
         }, 10000);

     }

});