最近碰到一个奇怪的问题,记录一下。
处理过程是这样的,画面的onload事件中,通过ajax去后台读取数据,在ajax的响应函数中将数据写入一个div的innerHTML,然后卷动这个div一定的距离。
示意代码如下(body中οnlοad="init()"):
运行时发现,有时能滚到位,有时不能滚到位,ie8和ff3.5上都试过,现象一样。我估计是有时innerHTML虽然赋值完毕,但浏览器还没有处理完,所以指定的滚动位置越界,造成没滚到位。之后我苦苦找寻设置innerHTML后处理完成的事件也没找到,最后找到一个奇怪的办法可以解决这个问题,就是调用翻滚时不是直接调用scroll(), 而是这样:
说它奇怪是因为延时虽然设为0,但每次都能正常翻滚到指定位置,屡试不爽。奇怪。
处理过程是这样的,画面的onload事件中,通过ajax去后台读取数据,在ajax的响应函数中将数据写入一个div的innerHTML,然后卷动这个div一定的距离。
示意代码如下(body中οnlοad="init()"):
function init() {
...
//request是XMLHttpRequest
request.onreadystatechange=function() {
if(request.readyState==4) {
if(request.status==200) {
responseHandler(request);
}
}
}
request.open('GET', url, true);
request.send(null);
...
}
function responseHandler(request) {
document.getElementById("scrollDiv").innerHTML=request.responseText;
scroll();
}
function scroll() {
document.getElementById("scrollDiv").scrollTop = {一个数};
}
运行时发现,有时能滚到位,有时不能滚到位,ie8和ff3.5上都试过,现象一样。我估计是有时innerHTML虽然赋值完毕,但浏览器还没有处理完,所以指定的滚动位置越界,造成没滚到位。之后我苦苦找寻设置innerHTML后处理完成的事件也没找到,最后找到一个奇怪的办法可以解决这个问题,就是调用翻滚时不是直接调用scroll(), 而是这样:
setTimeout("scroll()", 0);
说它奇怪是因为延时虽然设为0,但每次都能正常翻滚到指定位置,屡试不爽。奇怪。