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' 
     }); 
    }); 
});

[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'); 
      }); 

     } 
    }); 
});

我真的很喜欢你做的！但它似乎弄乱了我的其他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);

scrollTop（）当切换回初始状态

相关推荐