滚动在文本区域向下与jQuery

<h2>Greetings</h2> 
<div class="container"> 
    <div class="inner"> 
    Hello 
    <p>Test</p> 
    </div> 
    <textarea id="one" class="inner"> 
    Goodbye 
</textarea> 
</div> 

$("#one").append("your text to append"); 
$("#one").append("your text to append"); 
$("#one").append("your text to append"); 
$("#one").append("your text to append");

LIVE：http://jsfiddle.net/tGFmq/滚动在文本区域向下与jQuery

如何我做自动滚动在这个textarea的下来？

来源

2011-12-11 Roy Genergon

你确定这个主题没有以前的问题..？ –

我刚刚做了一个谷歌搜索和这个问题弹出作为第一个结果，所以即使有100个问题，谷歌认为它的价值排名＃1 – Chris

谷歌可以想？ – DrLazer

该位添加到您的代码（最好是在你有任何插入结束）：

var psconsole = $('#one'); 
    if(psconsole.length) 
     psconsole.scrollTop(psconsole[0].scrollHeight - psconsole.height());

来源

2011-12-11 20:58:12 Romanulus

谢谢。完美工作。 –

看到这个现场演示：here

要计算底部scrollTop，你可以简单地减的height从scrollHeight：

var oneDiv = $("#one"); 
bottom = oneDiv.prop('scrollHeight') - oneDiv.height()

然后，您可以将其scrollTop设置为bottom，或使用令人惊叹的jQuery's animate()进行酷炫动画。

现场演示：here

来源

2011-12-11 21:15:12

我意识到，我的问题是，我曾在不正确的地方的代码。 - >置于元素之下，并解决问题（菜鸟错误....） - 只是提醒所有人。

来源

2012-09-28 11:11:12

滚动在文本区域向下与jQuery

回答

相关问题