博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何定位到append的当前位置,不用拉滚动条scrollIntoView方法
阅读量:4312 次
发布时间:2019-06-06

本文共 732 字,大约阅读时间需要 2 分钟。

1 var bb_mes_con = $('bb_mes_con');2 var mes_html = document.createElement('div');3 mes_html.setAttribute('id', 'mes_html');4 mes_html.innerHTML = ""+data;5 bb_mes_con.appendChild(mes_html);6 mes_html.scrollIntoView();

我们向一个设置了overflow:auto的div里面插入元素,到达div的设置高度后就会出现滚动条,我们可以用元素的scrollIntoView()方法快速定位到当前元素,而不需要取获取scrollTop设置scrollTop之类的东西,scrollIntoView兼容ie6,所以可以放心的使用;

 

更新一下:

scrollIntoView虽然兼容ie6,但是最近发现一个ie6下面的bug,就是如果定位的当前窗口不是body的话,在定位的时候ie6会 联动body的滚动条:如下图所示

所以要做ie6的兼容处理:方法如下

1 if((mes_html.offsetTop+mes_html.offsetHeight-bb_mes_con.offsetHeight) >= 0){2   bb_mes_con.scrollTop = mes_html.offsetTop+mes_html.offsetHeight-bb_mes_con.offsetHeight+5;//+5是为了让最下面的mes_html有一个间隙 3 }

 

转载于:https://www.cnblogs.com/cdwp8/p/4213954.html

你可能感兴趣的文章
使用Expression进行查询拼接
查看>>
父页面获得子页面的值
查看>>
elment 中 el-table 进行校验
查看>>
SQL server 动态查询(表名或字段动态),并且获取想得到的返回值结果
查看>>
Nginx配置详解
查看>>
突袭HTML5之WebGL 3D概述(上) - WebGL原生开发
查看>>
SQL 映射的 XML 文件
查看>>
转:如何成为Linux高手
查看>>
Oracle数据库修改LISTENER的监听端口
查看>>
jvm 监控工具
查看>>
java的注释和分隔符
查看>>
Vue中scoped css和css module比较
查看>>
String类的写法
查看>>
数据结构常见的八大排序算法(详细整理)
查看>>
phpStudy设置多站点
查看>>
你知道微视背后的视频特效技术是怎样做出来的吗?
查看>>
在 Sublime Text 3 中使用 SublimeClang 插件
查看>>
HBase概念学习(四)Java API之扫描和过滤器
查看>>
Android——Activity和Intent
查看>>
POJ 1446 - Moscow Time - 模拟
查看>>