<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");

现场: http//jsfiddle.net/tGFmq/

如何在这个textarea中自动滚动到下方?

===============>>#1 票数:57 已采纳

将此位添加到您的代码中(最好在您拥有的任何插入的末尾):

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

===============>>#2 票数:10

看这个现场演示: here

要计算底部scrollTop ,您只需从scrollHeight 减去 height

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

然后你可以将它的scrollTop设置为bottom ,或者使用惊人的jQuery animate()来制作很酷的动画。

现场演示: here

===============>>#3 票数:4

我意识到我的问题是我在不正确的地方有代码。 - >放在元素下面并解决问题(菜鸟错误....) - 只是提醒所有人。

  ask by Roy Genergon translate from so

未解决问题?本站智能推荐:

1回复

Textarea自动向下滚动

我知道这可以通过.change()事件完成,并放入$('#console').scrollTop($('#console')[0].scrollHeight); 但是问题是textarea是只读的,我正在使用javascript在textarea中输入文本。 例如: $('#con
3回复

使用Jquery自动向下滚动?

我有一个定义了高度的模态框。 在此框的内部有一个手风琴框,当用户单击链接时该框会展开。 切换时,手风琴盒的高度超过模式框的高度,因此出现滚动条。 我想将条形图自动向下滚动到最低点,以在手风琴框中显示新内容。 手风琴框如下所示: 有没有办法将此向下滚动功能集成到现有功能中?
2回复

使用jQuery在textarea中按Enter

在验收测试中,在输入文本后触发事件,然后按Enter键。 我尝试填写文本,然后使用keyEvent按下Enter键。 PS:Testem忽略keyEvent。 HTML: 验收测试: 我的jQuery尝试:
2回复

使用jQuery在textarea中着色文本

我需要在textarea中着色部分文本。 让我们说第一行为红色,第二行为蓝色。 这该怎么做? (jQuery的)
1回复

textarea中的自定义滚动条-jQuery / JavaScript

我想在我的textarea字段中添加一个自定义滚动条,问题是我找到的每个jquery插件或脚本都只能在div中使用。 我搜索了数周,找不到适用于Internet Explorer和Firefox的任何东西,因为其他浏览器都是webkit,因此我可以轻松自定义其滚动条。 救命?
4回复

Div向下滚动并使用jquery向上滚动

我是jquery的菜鸟。 我正在尝试获得此动画:当鼠标悬停或单击每个菜单时,单独折叠,而当我再次单击时,菜单再次向上滚动。 我已经写了这段代码,但我不知道为什么它不起作用! 请帮忙。 谢谢 $(document).ready(function() { $(".lead-
2回复

textarea中的滚动条

CSS就像: 但是它只能在chrome中工作..在其他浏览器中,它显示默认滚动条,第二个疑问是它在我向下滚动后是否开始在ipad中出现..如果在文本区域上悬停了最大文本,如何显示垂直滚动? jsfiddle
2回复

如何使用jQuery向下滚动到底部子div

我有以下div结构。 现在,当我在ajax上添加提交按钮时,在<div class="conv">末尾添加了新的div <div class="msg">Hi 11</div> <div class="conv"> 。 我想向下滚动到底部
2回复

单击按钮时使用JavaScript或JQuery向下滚动

我一直在尝试自己解决它,我在这里找到了很多答案,但是我无法弄清楚如何在我的页面中实现该代码。 我知道我可能有不应该那样的事情,但是我正在学习并且正确地知道我想解决的是那件事。 我唯一想做的就是单击按钮时向下滚动到类“ .separador”。 这是HTML,CSS和JQuery
2回复

使用JQuery slidetoggle()时屏幕未向下滚动

我有一个站点,那里有一个名为.slidingDiv的站点,当单击锚点.show_hide时,它会出现并向下滑动,当它是页面上唯一的内容时,这很棒。 如果此div上方还有其他内容,则不会向下滚动并显示。 相反,它显示了div,但它不在站点中,因此它确实可以工作,但不会将其余内容推高。