Question

因此，对于我的一个按钮，我做了它，以便在点击时，div（#drowpdown）会在网页的页脚附近下拉，并且也会向下滚动锚点所在的位置。

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

Answer 1

这样的事情：

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

       }
   });
});

Answer 2

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

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

当切换回原始状态时，scrollTop（）

2 个答案: