Jquery 切换回原始状态时的scrollTop（）

因此，对于我的一个按钮，我将其设置为当单击时，一个div（#drowpdown）会在网页的页脚附近下降，并向下滚动定位点所在的位置

当#下拉菜单切换到其原始位置时，是否有办法向上滚动到网站顶部

这是我的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>

---

要设置元素的滚动位置，可以使用以下命令：

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

---

像这样的东西怎么样：

$(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代码，“$”（“#下拉菜单”）.toggle（'slide'，{'do？它是否显示/隐藏元素。如果是这样，我已经更新了上面的代码。是的，它显示/隐藏元素，单击div时向下滑动，再次单击时向上滑动。似乎与前面的问题相同，它停止了我在页面中的所有其他jquery代码，就像以前有JS语法问题一样。

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

       }
   });
});