编程 Javascript

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

Posted in Javascript onDecember 10, 2012

问题：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 上下滚动条如何默认在下方实现原理

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript indexOf函数使用说明

Jul 03 Javascript

JQuery 常用方法基础教程

Feb 06 Javascript

Javascript 面向对象（一）(共有方法，私有方法，特权方法)

May 23 Javascript

JQuery的AJAX实现文件下载的小例子

May 15 Javascript

javascript制作网页图片上实现下雨效果

Feb 26 Javascript

javascript适合移动端的日期时间拾取器

Nov 10 Javascript

Js与Jq获取浏览器和对象值的方法

Mar 18 Javascript

浅析Bootstrip的select控件绑定数据的问题

May 10 Javascript

JavaScript页面实时显示当前时间实例代码

Oct 23 Javascript

webpack本地开发环境无法用IP访问的解决方法

Mar 20 Javascript

基于canvas实现手写签名（vue）

May 21 Javascript

jQuery实现简单弹幕制作

Dec 10 jQuery

Ajax执行顺序流程及回调问题分析

Dec 10 #Javascript

js切换div css注意的细节

Dec 10 #Javascript

不同的jQuery API来处理不同的浏览器事件

Dec 09 #Javascript

addEventListener和attachEvent二者绑定的执行函数中的this不相同

Dec 09 #Javascript

Javascript获取窗口(容器)的大小及位置参数列举及简要说明

Dec 09 #Javascript

定义JavaScript二维数组采用定义数组的数组来实现

Dec 09 #Javascript

javascript操作JSON的要领总结

Dec 09 #Javascript