Javascript 滚动到。发现缺少（：动画）

我的目标是创建一个动态创建和销毁的textarea列表，当我单击其中一个时，它将展开，收缩以前关注的textarea（如果有），然后将其自身集中在其父div中

我有扩张和收缩部分

我无法将它集中在视野中

我有一个div，它位于窗口的中心，从上到下延伸，允许溢出

______________
| w |    | w  |
|   | d  |    |
|   |    |    |
_______________

我如何在其div中集中精力，现在已扩展的文本区域

这只是一个gui的构建，被分解为相关的部分。。。所以它非常粗糙

。 . . 我会说，无论是对我还是在我笨手笨脚的手套里，scrollTo都是无用的。。。我觉得这个问题有两个方面： 第一， 有时div的内容只允许一定的滚动阈值，这不足以达到居中位置

第二,， 在两个框收缩和展开后，它滚动到的值将从最初的调用更改。也在这方面给予很少的帮助。我相信这两个在解决方案研究中如此流行的功能对我来说是无用的，我会感激任何设计工程建议，但如果你能帮助我，即使使用这些，我也会非常感激

这些内置“解决方案”给我带来的麻烦让我想到了一些css操作，其中我将绝对位置设置为居中，然后遍历每个文本区域，将它们的每个位置设置为离居中元素一定距离。i、 e.如果第三个框被聚焦，它是绝对中心，那么框1被重新定位在框2上方3上方，然后四个五和六等依次定位

这是客户要求的大量工作吗

jQuery的animate（）就是这样做的吗？DOMwide影响了css操作…？

所以

首先，将你的

$（“#foryou”）.animate（）作为回调函数，其次

$（“#为你”）.top
你能在jsfiddle.net上设置一个scrollTo失败的例子吗？或者是（“：animated”）和scrollTo无法工作？对于您的场景，尝试用小提琴复制它，我们将更容易理解/debug.jsfiddle.net/CPEFk/1/仍然执行得很差。。。我说的目标是将元素居中，我知道小提琴只会滚动到顶部，或者尝试滚动到顶部，但我这样做是因为我觉得找到解决方案会更快，然后我可以更改解决方案。也就是说，即使在您的编辑中，scrollTop也无法滚动到文本区域的顶部。如果单击文本区域，有时会滚动到顶部，有时会滚动到某个看似随机的区域。您的代码是否托管在某个地方？一些
url
在我可以看到的地方，jsfiddle不是很容易调试这是纯粹的开发。它没有主机，但是如果您有jquery的副本，您可以使用mkdir并将html、css和js放入文件中，然后在浏览器中打开。就像我说的，它只是一个GUI实现，所以它没有任何服务器，读作：system；打电话。干得好，更稳定。你改变了什么？需要注意的是，持续存在的问题是，当滚动限制小于将textarea滚动到div顶部所需的限制时。一个黑客解决方案是显著地填充div，或者以窗口大小的某个比例填充div…挑战是保持textarea动画和容器动画相互排斥。每次滚动前，我都会为您重置
scrolltop。是的，你需要一些额外的填充物。
$(document).on('focus', '#foryou textarea', function () {
//$(this).animate({ height: boxheight }, 0);
    var $this = $(this);
    $this.animate({
        height: boxheight
    }, 1000, function () {
        $('#foryou').animate({
            scrollTop: ($this.position().top) + "px"
        });
    });
    ....
});

$('#foryou').animate({
     scrollTop: "0px"
});