2017-03-19 136 views
0

我有一個問題,這個jQuery代碼爲什麼jQuery的滾動不工作

<html> 
    <body> 
     <a href="#feature2" id="a-down">Click</a> 
     <script src="/project/patch/js/jquery-3.1.1.min.js"></script> 
     <script src="app.js"></script> 
     <script> 
     $(document).ready(function(){ 
      $('#a-down').click(function(){ 
       $('html,body').animate({ 
        scrollTop : $("#feature2").offset().top 
       }, 2000); 
      }); 
     }) 
     </script> 
    </body> 
</html> 

當我點擊這樣http://localhost:8080/project/app/client/index.html#!#feature4一個URL,就不能正常工作,但是當我用不同的URL做到這一點,它工作正常而這些網址沒有#!#

請幫幫我。對不起,我的英語不好。

+0

請編輯問題以更清楚地解釋應該發生什麼,以及實際發生了什麼(包括提及控制檯中顯示的任何錯誤消息)。 – nnnnnn

+0

是的,它直接跳轉和動畫滾動不起作用 – Akashii

+0

@nnnnnn在控制檯沒有錯誤,這個問題已被編輯。你可以幫我嗎 ? – Akashii

回答

0

如果要滾動到div「特徵2」的頂部,您可以使用下列內容:

<html> 
<body> 
    <a href="#feature2" id="a-down">Click</a> 
    <script src="/project/patch/js/jquery-3.1.1.min.js"></script> 
    <script src="app.js"></script> 
    <script> 
    $(document).ready(function(){ 
     $('#a-down').click(function(){ 
      $('#feature2').animate({ 
       scrollTop : $("#feature2").offset().top 
      }, 2000); 
     }); 
    }) 
    </script> 
</body> 

您應該僅動畫要滾動div

希望這會有所幫助!