显示div并移至页面顶部

时间:2014-10-20 14:10:59

标签: javascript jquery

当我点击按钮时,我只显示/隐藏div框:

$j('#button').click(function () {
   $j('#box').slideToggle();
   return false;
});

但是我想将它移动到页面的顶部,当它显示时,然后再次单击时隐藏它。以下代码似乎不起作用:

$j('#button').click(function () {
   $j('#box').slideToggle();
   $j('html').animate({
      scrollTop: $j('#box').offset().top
   },400);
   return false;
});

我做错了吗?

1 个答案:

答案 0 :(得分:0)

您还必须将animate语句设置为该框。

我为你创建了一个演示,希望我明白你想要做什么: - )

演示将切换隐藏的div,然后将其移动到窗口的顶部

$('#button').click(function() {
  $('#box').slideToggle();
  $('#box').animate({ top: 0 }, 400);
  return false;
});

http://jsfiddle.net/b11kmnkp/