关于文本域追加数据，滚动条显示在底部问题 -CSDN论坛

关于文本域追加数据，滚动条显示在底部问题

Web 开发 > JavaScript

收藏回复

[问题点数：40分，结帖人yanyueqiu]

⋅在表格中插入图片，图片聚拢的效果是怎么实现的？ ⋅关于文本域追加数据，滚动条显示在底部问题 ⋅ajax 跨域调用远程接口，获取json数据失败！ 更多帖子 关注私信空间博客 言月秋 等级 本版专家分：5 结帖率 92.59%: 一个id="RECEIVE_TXT" 的文本域，向里面添加数据时，$("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()+data + "\n");
设置滚动条为底部：$("#RECEIVE_TXT").scrollTop($("#RECEIVE_TXT").scrollHeight); ，只能到达新数据第一行，而不是最后一行。
最终出现的效果为，类似于这种情况具体怎么解决？

2016-09-18 11:53:35

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅vs2019页面的HTML标记状态栏怎么没有了？ ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 更多帖子 关注私信空间博客 版主 GoCityPass新加坡... 等级 本版专家分：395875 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二: $("#RECEIVE_TXT").attr('scrollTop',$("#RECEIVE_TXT")[0].scrollHeight);

2016-09-18 13:53:42

点赞只看TA 引用举报 #1得分 40

⋅在表格中插入图片，图片聚拢的效果是怎么实现的？ ⋅关于文本域追加数据，滚动条显示在底部问题 ⋅ajax 跨域调用远程接口，获取json数据失败！ 更多帖子 关注私信空间博客 言月秋 等级 本版专家分：5: 引用 1 楼 showbo 的回复:
$("#RECEIVE_TXT").attr('scrollTop',$("#RECEIVE_TXT")[0].scrollHeight);

为了换行显示之前的值，已经有 $("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()+data + "\n"); 这段代码，使用[0].scrollHeight 会使数据一直在顶部。结果为

2016-09-18 17:07:58

点赞只看TA 引用举报 #2得分 0

⋅vs2019页面的HTML标记状态栏怎么没有了？ ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 更多帖子 关注私信空间博客 版主 GoCityPass新加坡... 等级 本版专家分：395875 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二

<textarea id="RECEIVE_TXT" rows="3" cols="30"></textarea>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>

<script>

    setInterval(function () {

        $("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()  + "\n" + new Date().getTime());

    

        $("#RECEIVE_TXT").attr('scrollTop', $("#RECEIVE_TXT")[0].scrollHeight);

    }, 1000)

</script>

没有问题

2016-09-18 17:21:22

点赞只看TA 引用举报 #3得分 0

⋅在表格中插入图片，图片聚拢的效果是怎么实现的？ ⋅关于文本域追加数据，滚动条显示在底部问题 ⋅ajax 跨域调用远程接口，获取json数据失败！ 更多帖子 关注私信空间博客 言月秋 等级 本版专家分：5

引用 3 楼 showbo 的回复:

<textarea id="RECEIVE_TXT" rows="3" cols="30"></textarea>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>

<script>

    setInterval(function () {

        $("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()  + "\n" + new Date().getTime());

    

        $("#RECEIVE_TXT").attr('scrollTop', $("#RECEIVE_TXT")[0].scrollHeight);

    }, 1000)

</script>

没有问题

图片为在Firefox的运行结果

2016-09-18 17:49:40

点赞只看TA 引用举报 #4得分 0

收起

收藏回复

言月秋

等级：

关注私信 TA的帖子

html之textarea标签的小用法（滚动条的位置决定数据结果的显示）: 先来看第一种，示例代码如下： <html> <body> <textarea rows="10" cols="20" id="my"></textarea> <button onClick="test()">test</button>... function te...

前端面试题: 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较...

2019年底前的web前端面试题初级-web标准应付HR大多面试问题: 作者 | Jeskson来源 | 达达前端小酒馆问：你知道在css中，html的标签元素分多少中不同的类型吗？答：大体可分三种：1，块状元素，2，内联...元素宽度在不设置的情况，它的本身父容器是100%。 <div> <p...

css 超出文字头尾相接滚动_技巧篇：CSS高级技巧详解: 元素的显示与隐藏display -- block;(转换为块元素&& 显示) none(隐藏 && 不保留原来的位置) -- 重要！visibility -- visible(显示) hidden (隐藏 && 保留原来的位置 )复习：overflow:hidden...

一个合格的初级前端工程师需要掌握的模块笔记: 一个合格的初级前端工程师需要掌握的模块笔记文章目录一个合格的初级前端工程师需要掌握的模块笔记前言Web模块html基本结构标签属性事件属性文本标签多媒体标签列表表格表单标签其他语义化标签网页结构模块划分CSS...

recycleview 嵌套高度问题_2019年底前的web前端面试题初级web标准应付HR大多面试问题...: 加个 “星标” ，每天一篇文章，一起学编程作者 | Jeskson来源 | 达达前端小酒馆问：你知道在css中，html的标签元素分多少中不同的类型吗？答：大体可分三种：1，块状元素，2，内联元素，3，内联块状元素块级元素：...

jquery easyui中文培训文档: 目录 1.... Accordion（可折叠标签）....................................................................................... 2 1.1 实例....................................................................

面试问题总结: 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较...

关于CSS 笔记篇: ... 熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS高级技巧强化CSS typora-copy...

Java核心技术卷一基础知识-第9章-Swing用户界面组件-读书笔记: 第9章 Swing用户界面组件本章内容： * Swing与模型-视图-控制器设计模式 * 布局管理概述 * 文本输入 * 选择组件 ...本章将介绍构造功能更加齐全的图形用户界面（GUI）所需要的一些重要工具。...

前端计算距离当前日期过了多少年_2019年底前的web前端面试题初级web标准应付HR大多面试问题...: 加个 “星标” ，每天一篇文章，一起学编程作者 | Jeskson来源 | 达达前端小酒馆问：你知道在css中，html的标签元素分多少中不同的类型吗？答：大体可分三种：1，块状元素，2，内联元素，3，内联块状元素块级元素：...

Java基础知识笔记-11_2-Swing用户界面组件: Java基础知识笔记-11_2-Swing用户界面组件这章教程两个版本，一个语法是非lambda表达式版本，另一个是lambda表达式版本非lambda表达式版本 1 Java Swing概述 Java的java.awt包，即抽象窗口工具包JDK1.2推出后...

jq easyui中文文档: 1 Accordion（可折叠标签） 1.1 实例 1.1.1 代码 <html><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title><br /...

【笔记】《Java核心技术（第十版）》卷1-第12章-Swing用户界面组件: 第12章 Swing用户界面组件 12.1 Swing和模型-视图-控制器设计模式 12.1.1 设计模式近几年来，软件工程师们开始对这些模式进行汇总分类。这个领域的先驱者的灵感来源于建筑师 Christopher Alexander 的设计模式。...

java学习笔记图形程序设计及GUI应用小结（3）: ------- android培训、java培训、期待与您交流！...按钮、文本域和其他的用户界面元素都继承于Component类，组件可以放置在面板这样的容器中。由于Container类继承于Component类，所以容器也可以放置在另一个容器中。

css的知识点归纳与总结: css是页面的化妆师，也是每个前端必须要掌握的基础，在工作中也常常因为频于业务，而不能很好的去沉淀技术，本文主要是作者业余学习记录下来的笔记,主要记录了css常用一些的基础，以及css高级应用，例如精灵图，字体...

css: 课程目标: ... 熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS高级技巧强化CSS typora-copy...

Bootstrap 入门: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /&...lt

Web前端学习笔记——CSS定位、高级技巧、文字溢出、精灵图、Web字体: 如果，说浮动，关键在一个 “浮” 字上面，那么我们的定位，关键在于一个 “位” 上。 PS: 定位是我们CSS算是数一数二难点的了，但是，你务必要学好它，我们CSS离不开定位，特别是后面的js特效，天天和定位打交道...

CSS笔记: 熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS高级技巧强化CSS typora-copy-images-to: media CSS的发展历程从...

CSS学习笔记: 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表，主要用于设置HTML页面中的文本内容...CSS在书写时需要遵循一定的规范，也就是CSS的样式规则，具体格式如下： h1{font-size:12px;color:#f...

WPS客户端更新日志留着备用: WPS Office (10.1.0.7520)==========================================新增功能列表------------WPS文字1 拼写检查：新增“中文拼写检查”功能 WPS公共1 实时预览：支持字体和字号实时预览2 发送至手机：云服务选项...

Css经典笔记: https://blog.csdn.net/luo609630199/article/details/80066491 # 课程目标: > 1. 学会使用CSS选择器 > 2....> 3.... 4.... 5. 熟练掌握CSS三种显示模式 > 6. 熟练掌握CSS背景属性 > ...

pink老师前端入门视频教程笔记(中）: 如下：（可以在网页检查中直接调来看效果，但似乎代码本身是不会改变的?只是一个展示而已）圆角边框的使用 length可以用px或百分比表示。如下：先给圆形准备一个正方形，然后使圆形的半径为正方形的一半。注意...

html5: HTML5新增元素和废除元素取代的：取代HTML4的div的有：表示页面中一个内容模块：section 表示页面中的一块与上下文不相关的块，例如博客中的一篇文章：article ... 表示

侯捷C++全套课程视频资源: 侯捷全套课程，C++11新标准，侯捷 - C++面向对象高级开发，侯捷 - STL和泛型编程，C++内存管理_侯捷

华为机考题库(全）: 包括招聘的机考题，及面试过程中会问到的数据结构的相关内容，排序算法全部包括并且有改进算法，一点点改进可以让你表现的与众不同，如果好的话给点评价吧亲

Groovy精简教程: 注重实践，剔除繁琐的理论，通过案例讲解我们常用的知识点，各个知识点之间相对独立，不用担心某一个知识点学不会而耽搁学其他的知识点。轻轻松松入门Groovy。每一个学员都能掌握Groovy的基本用法。

Activiti 工作流入门到大神: 什么是流程、工作流作用、Activiti背景简介、Activiti流程设计器安装、Activity环境搭建、通过HelloWorld掌握 Activiti操作流程的步奏、常见API使用、流程部署管理(发布流程、查看流程定义、删除流程、查看流程附件)、流程实例管理(启动流程、查看任务、认领任务、办理任务、查看流程状态) 什么是流程、工作流作用、Activiti背景简介、Activiti流程设计器安装、Activity环境搭建、通过HelloWorld掌握 Activiti操作流程的步奏、常见API使用、流程部署管理(发布流程、查看流程定义、删除流程、查看流程附件)、流程实例管理(启动流程、查看任务、认领任务、办理任务、查看流程状态) QQ:362969068

OpenGL: 课程涵盖了OpenGL开发的方方面面,对开发中经常用到的开发知识点进行讲解,从实战的角度进行编码设计. 第1章-环境建立第2章-基础图元第3章-三维世界第4章-纹理多彩世界第5章-显存的分配-优化第6章-场景控制第7章-光照-真实世界第8章-模型第9章-UI制作第10章-场景编辑器制作第11章-地形第12章-脚本引入-lua 教程从最最本的固定管线开始,一节课一个知识点,从实战的角度出发,结合项目开发中经常用到的知识点作深入的讲解,以面向对象的编成方式对知识点进行封装,可以直接引入到项目中使用.通过课程的学习,掌握OpenGL图形编程技巧,并能学以致用.

相关热词 c# 测试并发 c# 如何提交地址 c#　反射转　原码 c#mvc项目 c# 示例长连接 c# 开发网站 c#通过反射获取类型信息 c# lock 的参数 c# stream 复制 android c#