显示 div 并移至页面顶部 [重复]答案

【问题标题】：Show div and move to top of page [duplicate]显示 div 并移至页面顶部 [重复]
【发布时间】：2014-10-20 14:10:58
【问题描述】：

目前我只在单击按钮时显示/隐藏 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;
});

我做错了吗？

【问题讨论】：

scrollTop for html 元素不适用于所有浏览器，请尝试$j('html, body')...

标签： javascript jquery

【解决方案1】：

您也必须为框设置动画语句。

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

Demo 将切换隐藏的 div，然后将其移动到窗口顶部

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

http://jsfiddle.net/b11kmnkp/

【讨论】：