如何定位到append的当前位置,不用拉滚动条scrollIntoView方法
2015-01-09 18:10
721 查看
var bb_mes_con = $('bb_mes_con'); var mes_html = document.createElement('div'); mes_html.setAttribute('id', 'mes_html'); mes_html.innerHTML = "<span class='bot'></span><span class='top'></span>"+data; bb_mes_con.appendChild(mes_html); mes_html.scrollIntoView();
我们向一个设置了overflow:auto的div里面插入元素,到达div的设置高度后就会出现滚动条,我们可以用元素的scrollIntoView()方法快速定位到当前元素,而不需要取获取scrollTop设置scrollTop之类的东西,scrollIntoView兼容ie6,所以可以放心的使用;
更新一下:
scrollIntoView虽然兼容ie6,但是最近发现一个ie6下面的bug,就是如果定位的当前窗口不是body的话,在定位的时候ie6会 联动body的滚动条:如下图所示
![](http://images.cnitblog.com/blog/546511/201501/091958386254854.png)
所以要做ie6的兼容处理:方法如下
if((mes_html.offsetTop+mes_html.offsetHeight-bb_mes_con.offsetHeight) >= 0){ bb_mes_con.scrollTop = mes_html.offsetTop+mes_html.offsetHeight-bb_mes_con.offsetHeight+5;//+5是为了让最下面的mes_html有一个间隙 }
相关文章推荐
- javascript通过改变滚动条滚动来显示某些元素的scrollIntoView()方法
- scroll、scrollBy和 scrollTo三种方法定位滚动条位置
- 使用scrollIntoView方法定位页面元素---小结
- scrollIntoView()设置滚动条位置,html5
- 【Android动态布局】之【使用addView方法时,如何保持已有动态控件位置不被改变】
- 页面定位 scrollIntoView()
- 提交页面的定位--scrollIntoView的用法
- 使用ScrollToCaret()可以将滚动条定位到当前光标处
- ListBox的ScrollIntoView方法
- iOS drawRect方法中在超过当前view边界的位置绘图
- 使用addView方法时,如何保持已有动态控件位置不被改变
- 关于scrollIntoView()方法
- 提交页面的定位--scrollIntoView的用法
- 要获取当前页面的滚动条纵坐标位置,用:document.documentElement.scrollTop
- 提交页面的定位--scrollIntoView的用法
- 在CListView中用SetScrollPos改变滚动条的位置后,窗口中显示的内容如何也跟着移动实现。
- DataGrid的ScrollIntoView方法导致 an argument out of range exception(指定的参数已超出有效值的范围)错误的解决
- 按下按钮后页面的滚动条向下(或向上)滑动,松开之后便停留在当前位置的效果如何实现?
- 使用addView方法时,如何保持已有动态控件位置不被改变
- [原]提交页面的定位--scrollIntoView的用法