iframe上下滚动条如何默认在下方实现原理
原理 实现 如何 默认 iframe 滚动条 上下 下方
2023-06-13 09:14:42 时间
问题:iframe上下滚动条如何默认在下方,做的是聊天工具,数据多了,每次刷新出现的上下滚动默认在上方,还需下拉到下面才能看到聊天记录,有办法让它出现在下方吗?
答案:直接在iframe里写window.scrollTo(0,9999999)或者设置div等容器的scrollTop
复制代码代码如下:
答案:直接在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)这个方法,就可以解决这个问题了!
相关文章
- 数据透视表上线!如何在纯前端实现这个强大的数据分析功能?
- mybatis的逆向工程怎么实现_mybatis逆向工程原理
- ROC及AUC计算方法及原理「建议收藏」
- 视频直播技术大全、直播架构、技术原理和实现思路方案整理
- webpack打包原理分析和实现(三)
- DES原理及python实现
- 「面试」- Vue nextTick实现原理
- js生成二维码原理_二维码生成器原理
- patch-package 实现原理:如何保存恢复 node_modules 下的代码改动?
- 浅析C# Dictionary实现原理
- 从实现一个React到深度理解React框架核心原理_2023-02-27
- MySQL 存储引擎 - InnoDB 实现原理介绍
- MySQL数据库原理学习(四十五)
- VRRP虚拟路由冗余协议原理解析,附实验配置!
- 收藏 | 从SGD到NadaMax,深度学习十种优化算法原理及实现(附代码)
- 【Java 虚拟机原理】Class 字节码二进制文件分析 六 ( 属性类型 | Code 属性 | 属性名称索引 | 属性长度 | 操作数栈最大深度 | 局部变量存储空间 | 字节码长度 )
- Linux系统后台运行进程原理
- Redis实现消息的发布订阅原理分析
- 负载均衡(原理、配置)详解程序员
- 从代码层读懂 Java HashMap 的实现原理详解编程语言
- TreeMap实现原理及源码分析详解编程语言
- 深入分析Redis源代码的内部实现原理(redis源代码分析)
- 深入解析Linux逻辑块:了解文件系统存储的原理和实现。(linux逻辑块)
- 研究Redis看门狗原理(看门狗原理redis)
- 解析MySQL中一条语句如何变为多条操作的原理(mysql一条变多)
- Redis实现分布式锁的原理与实现(分布式锁原理redis)
- 研究Redis集群的实现原理及可行性(redis集群的实现原理)
- Redis跳表排序原理及实现(redis跳表如何排序)
- 默默小谈PHP&MYSQL分页原理及实现
- jQuery的实现原理的模拟代码-3事件处理