手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >iframe 上下滚动条如何默认在下方实现原理
iframe 上下滚动条如何默认在下方实现原理
摘要:问题: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 上下滚动条如何默认在下方实现原理】相关文章:

两个SUBMIT按钮,如何区分处理

Javascript技术栈中的四种依赖注入详解

一个很简单的办法实现TD的加亮效果.

让iframe框架网页在任何浏览器下自动伸缩

js+html5获取用户地理位置信息并在Google地图上显示的方法

JavaScript中指定函数名称的相关方法

解析Node.js基于模块和包的代码部署方式

网页常用特效代码整理

JavaScript里实用的原生API汇总

Javascript 字符串模板的简单实现

精品推荐
分类导航