iframe 上下滚动条如何默认在下方实现原理

更新时间：2012年12月10日 09:24:20 作者：

iframe 上下滚动条如何默认在下方，做的是聊天工具，数据多了，每次刷新出现的上下滚动默认在上方，还需下拉到下面才能看到聊天记录，本文将介绍，如和实现在下方

问题：iframe 上下滚动条如何默认在下方，做的是聊天工具，数据多了，每次刷新出现的上下滚动默认在上方，还需下拉到下面才能看到聊天记录，有办法让它出现在下方吗?
答案：直接在iframe里写window.scrollTo(0,9999999)或者设置div等容器的scrollTop

复制代码代码如下:

 
document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight 
window.scrollTo(0,9999999) 

这个是解决了在下方，但是有新信息后，滚动条不会自动到下方，我是希望像qq聊天窗口一样，有新内容了，自动到最下方，应该如何来解决呢？

那就应该判断当前生成的内容是什么位置，即它的top或者margin-top是多少，再设置滚动条的高度，这个就可以了，每次生成就调用一下滚动条的高度变化，每次得到的新数据后，再调用 window.scrollTo(0,9999999)这个方法，就可以解决这个问题了！

您可能感兴趣的文章:

JavaScript的面向对象编程基础
这篇文章主要介绍了JavaScript的面向对象编程基础,是JavaScript入门学习中的重要知识概念,需要的朋友可以参考下
2015-08-08
Javascript中的关键字和保留字整理
ECMA-262中描述了一组具有特定用途的关键字，关键字属于语言保留，不可以用于标示符，学习js的朋友可以看看
2014-10-10
JavaScript变量的作用域全解析
这篇文章主要介绍了JavaScript变量的作用域的基本知识,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
2015-08-08
js数组方法扩展实现数组统计函数
这篇文章主要介绍了js数组方法扩展,实现数组统计函数,需要的朋友可以参考下
2014-04-04
JavaScript的字符串方法汇总
字符串的操作在js中非常频繁，也非常重要。以往看完书之后都能记得非常清楚，但稍微隔一段时间不用，便会忘得差不多，记性不好是硬伤啊。。。今天就对字符串的一些常用操作做个整理，一者加深印象，二者方便今后温习查阅。
2016-07-07
js hover 定时器(实例代码)
下面小编就为大家分享一段js hover 定时器的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
JavaScript中switch判断容易犯错的一个细节
这篇文章主要介绍了JavaScript中switch判断容易犯错的一个细节,简单说就是字符串和数字的差别,看完本文会有一个清晰的认知,需要的朋友可以参考下
2014-08-08
ASP.NET实现Repeater控件的数据绑定
这篇文章介绍了ASP.NET实现Repeater控件数据绑定的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-07-07
使用UglifyJS合并/压缩JavaScript的方法
在UglifyJS入门中主要记录了UglifyJS的安装，配置。篇末在命令行中使用了一个简单命令来压缩一个JS文件。这篇以编程的方式去压缩JS文件。即写一个build.js文件，使用node命令执行该文件
2012-03-03
javascript 基础篇3 类，回调函数，内置对象，事件处理
在js中自定义一个类跟java c++就有比较大的区别了，因为这个格式用公式表达起来比较困难，大体说一下吧
2012-03-03