Javascript 单击“div另一个div动画”并返回其原始位置

在这里，我在滚动条上添加了。box

top:230px

现在，当我单击

时。test

我想将box移回其原始位置

top:0

，然后每当我们从顶部滚动时都会发生同样的情况。box

top:230px

和onclick.test

top:0

。谁能建议我怎样才能做到这一点

$（文档）.ready（函数（）{
$（“.test”）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'.test.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
});
/*想要实现这一点吗*/
$（'.box'）.css（“顶部”，“0”）；
});
$（窗口）。滚动（函数（）{
$（“.box”）.animate({
“顶部”：“230px”
}, 2000);
});
.box{
位置：绝对位置；
排名：0；
宽度：50px；
高度：50px；
背景色：红色；
保证金：0自动；
位置：绝对位置；
最高：2%；
左：50%；
}
.test.active{
颜色：红色；
}

第1段
第1段
第1段
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着桌面出版而流行
像Aldus PageMaker这样的软件包括Lorem Ipsum的版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。自打16世纪一家不知名的印刷商在厨房里印刷时，Lorem Ipsum就一直是业界标准的虚拟文本
然后把它拼凑成一本样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含
Lorem Ipsum文章，以及最近使用的桌面出版软件，如Aldus PageMaker，包括Lorem Ipsum版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界的标准假人
从16世纪开始，一个不知名的印刷商拿起一个印刷机，把它拼凑成一本样书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它被大众化了
在20世纪60年代，随着包含Lorem Ipsum段落的Letraset表单的发布，以及最近像Aldus PageMaker这样的桌面出版软件包括Lorem Ipsum版本。Lorem Ipsum只是印刷和排版的虚拟文本
工业。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到了电子时代
排版，基本保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum.Lorem的版本
Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它幸存了下来
不仅是五个世纪，而且是电子排版的飞跃，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近又通过桌面出版软件流行起来
像Aldus PageMaker一样，包括Lorem Ipsum的版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界标准的虚拟文本，当时一家不知名的打印机用了一个大厨房
打字，然后把它拼凑成一本样书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含
Lorem Ipsum文章，以及最近使用的桌面出版软件，如Aldus PageMaker，包括Lorem Ipsum版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界的标准假人
从16世纪开始，一个不知名的印刷商拿起一个印刷机，把它拼凑成一本样书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它被大众化了
在20世纪60年代，随着包含Lorem Ipsum段落的Letraset表单的发布，以及最近像Aldus PageMaker这样的桌面出版软件包括Lorem Ipsum版本。Lorem Ipsum只是印刷和排版的虚拟文本
工业。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到了电子时代
排版，基本保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum.Lorem的版本
Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它幸存了下来
不仅是五个世纪，而且是电子排版的飞跃，依然存在
$(document).ready(function() {
  $(".test").on('click', function(e) {
    e.preventDefault();
    $('.test.active').removeClass('active');
    $(this).addClass('active');
    $('.box').css("top", "0").removeClass('moved');
  });
});

$(window).scroll(function() {
  $(".box").animate({
    'top': '230px'
  }, 2000).addClass('moved');
});