Jquery “如何移动”；分区；单击“相同”时，从下到上和从上到下；分区；

我有这个jquery代码

$("#Wrapper").click(function() {
    var th = $(this);
    if ($(th).css('top') == '-400px') {
        console.log("ret");
        $(th).animate({
            "top": "50px"
        }, 1000);
    } else {
        console.log("sdffsdsff");
        $(th).animate({
            "top": "-400px"
        }, 1000);
    }
});

该代码最初运行，但随后会减慢速度

当我点击“包装器”时，它会移动到顶部。 当我再次点击相同的“包装器”时，它应该会移动到底部

或者有另一种方法可以使用“包装器”上下滚动页面

---

怎么做？进一步改进动画的建议真的很受欢迎。提前感谢。

当您单击并将

包装器的单击处理程序设置在
文章1的单击处理程序之外时，您必须停止动画：

$(document).ready(function(){
    $('#Article_1').click(function () {
        $("#Article_1").toggleClass('magictime perspectiveDown');
        $("#Article_3").toggleClass('magictime perspectiveUp'); 
    });

    $("#Wrapper").click(function () {
        var th = $(this);
        if (!th.hasClass('down')) {
            console.log("ret");
            th.addClass('down').stop(true).animate({
                "top": "50px"
            }, 1000, function() {
                $('body').scrollTop(th.height());
            });
        } else {
            console.log("sdffsdsff");
            th.removeClass('down').stop(true).animate({
                "top": "-400px"
            }, 1000, function() {
                $('body').scrollTop(th.scrollTop());
            });
        }
    });
});

你的小提琴有点像是一堆代码：这就是为什么这个问题会有负面评论？寻求调试帮助的问题（“为什么这个代码不工作？”）必须包括期望的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：[如何创建一个最小、完整且可验证的示例。]（stackoverflow.com/help/mcve）@ankitgupta，请参阅SW4的评论。您需要将JSFIDLE中的代码简化为最小、完整、可验证的示例，这意味着要去掉与您的问题无关的任何内容。这就是你的帖子被否决的原因。好吧，我会带着简短的fiddlethx再次回来回复，但它仍然不能正常工作。其他一些解决方案。好吧，当“div”在页面底部点击时，如何分别在底部和顶部滚动。为了纠正一个小错误，我更新了我的答案。对不起，我不知道你想在评论中说什么。请你重新措辞并说得更清楚一些好吗？谢谢你宝贵的时间。这个问题与滚动有关，当将“div”移到页面底部时如何滚动页面底部，然后再次单击相同的“div”移到顶部，然后如何再次滚动页面顶部。这个问题与滚动有关？我想我应该删除这篇文章。我有两个负面评论我可以删除这篇文章吗？你喜欢你想要的！我更新了我的答案，让你知道如何滚动。这只是一个想法，我不认为它是预期的工作。但你可以试试看。