scrollTop（）當切換回初始狀態

因此，對於我的其中一個按鈕，我做了這樣的事情，當點擊時，div（#drowpdown）會在網頁頁腳附近下拉，並向下滾動錨點位於。scrollTop（）當切換回初始狀態

當#dropdown被切換到原始位置時，是否有方法可以回滾到網站的頂部？

我的繼承人HTML

 <div id = "button_hold"> 
      <a href = "#dropdown"><img id = "drop_button" src = "images/drop_button.png"/></a> 
     </div> 
     <div id = "dropdown"> 
      <p>here are some stuff</p> 
     </div>

和jQuery的

$(document).ready(function(){ 
    $("#drop_button").click(function() { 
     $("#dropdown").toggle('slide', { 
     duration: 1000, 
     easing: 'easeOutExpo', 
     direction: 'up' 
     }); 
    }); 
});

來源

2014-09-24 Chunmuchy

[jQuery Set Cursor Position in Text Area]的可能重複（http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area） – 2014-09-24 01:11:13

什麼像這個：

$(document).ready(function(){ 
    $("#drop_button").click(function() { 
     if ($("#dropdown").hasClass('slide')) { 

      $("#dropdown").slideUp(300, function() { 
       $("#dropdown").removeClass('slide'); 
       $('html, body').animate({ 
        scrollTop: 0 
       }, 1000, 'easeOutExpo'); 
      }); 

     } else { 

      $("#dropdown").slideDown(300, function(){ 
       $("#dropdown").addClass('slide'); 
       $('html, body').animate({ 
        scrollTop: $('#dropdown').offset().top 
       }, 1000, 'easeOutExpo'); 
      }); 

     } 
    }); 
});

來源

2014-09-24 01:10:56 Alex

我真的很喜歡你做的！但它似乎弄亂了我的其他jQuery代碼 – Chunmuchy 2014-09-24 01:17:48

'$（「＃dropdown」）。toggle（'slide'，{'do？）它顯示/隱藏元素，如果是這樣我已經更新了我的代碼。 – Alex 2014-09-24 01:20:21

是的，它顯示/隱藏元素，當點擊一個div滑落，當再次點擊時，該div滑動起來 – Chunmuchy 2014-09-24 01:21:36

設定元素的滾動位置，你可以用下面的：

$('#dropdown').scrollTop(0);

來源

2014-09-24 01:08:19

scrollTop（）當切換回初始狀態

回答

相關問題