js对于加载跟多滚动条的位置相关

来源:互联网 发布:汉宫外设淘宝店网址 编辑:程序博客网 时间:2024/06/05 07:48

首先获取DIV的高度(宽度)

var div = document.getElementById("chat_history");var divHeight = div.offsetHeight;  //div高度var divWidth =  div.offsetWidth;  //宽度

1. 滚动条置底

var _el = document.getElementById('chat_history');_el.scrollTop = _el.scrollHeight;

2. 根据最新数据改变滚动条的位置
var new = 新数据的条数;
var old = 原有数据的条数;
根据新数据和原数据的比例计算滚动条应在的位置

var position = new/old;var top = divHeight * position;  //滚动条距离顶部的距离div.scrollTop = top;