如何點擊手風琴時滾動到頁面頂部？

Question

我有以下jQuery，它的工作正常。我需要的是當手風琴被點擊時將用戶帶到活躍手風琴的頁首。

下面是代碼：

jQuery(document).ready(function($){ 

    $('.accordion-container').hide(); 

    //$('.accordion-toggle:first').addClass('active').next().show(); 

    $('.accordion-toggle').click(function(){ 
     if($(this).next().not(':hidden')) { 
      $('.accordion-toggle').removeClass('active').next().slideUp(); 

     } 
     if($(this).next().is(':hidden')) { 

      $('.accordion-toggle').removeClass('active').next().slideUp(); 

      $(this).toggleClass('active').next().slideDown(); 

     } 

     return false; // Prevent the browser jump to the link anchor 

    });  
}); 

預先感謝您:)

Answer 1

您可以使用純JavaScript來滾動編程的頁面：

window.scrollTo(0, 0); 

這裏是你的代碼應該是什麼如：

jQuery(document).ready(function($){ 

    $('.accordion-container').hide(); 

    //$('.accordion-toggle:first').addClass('active').next().show(); 

    $('.accordion-toggle').click(function(){ 

     if($(this).next().not(':hidden')) { 
      $('.accordion-toggle').removeClass('active').next().slideUp(); 

     } 

     if($(this).next().is(':hidden')) { 

      $('.accordion-toggle').removeClass('active').next().slideUp(); 

      $(this).toggleClass('active').next().slideDown(); 

     } 

     //scroll to top 
     window.scrollTo(0, 0); 

     return false; // Prevent the browser jump to the link anchor 

    });  

});