滾動到部分的問題

Question

使用jQuery和引導3我正在嘗試創建一個滾動網頁頁面。這裏是Working Demo。到目前爲止，它看起來罰款時，在像Section 1到Section 2或Section 2到Section 3序列用戶滾動，但我對nav navbar-nav項目一些問題，當用戶滾動無序從Section 1到Section 6等。它看起來像每個項目nav navbar-nav步驟獲得目標項目！（你可以在下面的圖片查看）

還有另外一個重要的問題上Section 7滾動。它不滾動到與其他部分相同的位置，並且有更多的空間。 （你可以在下面的圖片查看）

這裏是我用於滾動

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

能否請你幫我解決的代碼，這些事情jQuery的？謝謝

Answer 1

1）最後一節的問題應該很容易解決。最後一部分下方沒有足夠的「空間」，因此瀏覽器無法進一步滾動。一個快速和骯髒的修復將是在最後一段的末尾插入一些

<p>&nbsp;</p> 

行。

2）我認爲這可能會很棘手。問題是不是部分，而是滾動「html」和「body」元素。這意味着如果用戶在第一部分，並點擊最後一部分，整個頁面就會滾動。用戶在滾動動畫期間看到所有內容。我認爲這是它應該如何工作的。否則，你將不得不改變你實際滾動的方式和內容。