使用slidetoggle时如何滚动到div的底部?

时间:2011-10-25 08:31:00

标签: jquery

假设我有一个按钮,当我点击按钮时会滑动一个div。 div的高度高于屏幕,因此在浏览器中可以看到垂直滚动条。当我显示div时,我想滚动到页面底部但不能让它工作。我试过像:

$('#button').click(function() {
 $('#MyDiv').SlideToggle();
   if($(this).hasClass('open')) {
          $(html).animate({ scrollTop: $(document).height() }, "slow");
    }
});

我已经加载了jquery和jquery.scrollto。

有什么想法吗?

发生的事情是div被切换但没有滚动。

1 个答案:

答案 0 :(得分:1)

请参阅:http://jsfiddle.net/C7zC6/3/

$('a').click(function() {

  $('#mydiv').slideToggle('slow', function() {
       var height = $('#mydiv').height();
       if($(this).is(':visible')){
           $(window).scrollTo(height);
       }
  });

});