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)这个方法，就可以解决这个问题了！
答案：直接在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之BOM(window对象)详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了深入解析JavaScript编程中的this关键字使用,是JS入门学习中的基础知识,需要的朋友可以参考下2015-11-11
JavaScript中的运算符有很多，主要分为算术运算符，等同全同运算符，比较运算符，字符串运算符，逻辑运算符，赋值运算符等，它们都有一个自己的运算规则，在本文为大家介绍下2013-09-09
本文主要介绍了javascript函数重载解决方案,利用JavaScript中的特殊对象arguments来模拟函数重载。用它来判断传入参数的个数或类型以区分重载2014-02-02
本文介绍了学习JavaScript事件的21个属性，算是对自己近期学习javascript的一个小小的总结，这里推荐给大家。2014-12-12
下面小编就为大家带来一篇关于session和cookie的简单理解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了Ajax responseText解析json数据案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
一个很基础的知识点，这篇主要是介绍JavaScript中基本数据类型和引用数据类型是如何存储的,需要的朋友可以参考下2018-03-03
javascript的事件描述...2006-09-09
Javascript 按位与运算符 (&)，用于对两个 32 位表达式执行按位“与”运算，而一般表达式里面都是十进制整数，此时需要先转换成对应的二进制，然后向前加0，补足32位2014-02-02
最新评论