javascript - Firefox 闪烁错误

Question

减小文档大小时导致Firefox闪烁的错误是否有任何解决方法？

单击此处进行演示

单击此处查看 quirks 模式下的演示（无 DOCTYPE）

我敢打赌它可以使用 javascript 修复——每当滚动条缩小时，确保向上滚动窗口以防止闪烁或其他什么......想法？

更新：在怪癖模式下，该错误似乎不存在（或至少不那么严重）

Answer 1

这样做：问题是页面在图像调整大小时滚动。

解决方案一：包含jQuery库和jQuery Scroll插件。然后通过执行以下操作滚动到图像：

$.scrollTo("#image", "fast", function(){
  //resize image here
});

或者！

只需暂时禁用图像/页面容器的溢出：

$(body).css("overflow", "hidden");
//do resize
//on resize end (after it has finished):
$(body).css("overflow", "auto");

应该能解决你的问题！

编辑：

我敢打赌它可以使用 javascript 修复——每当滚动条缩小时，确保向上滚动窗口以防止闪烁或其他什么......想法？

是的！

//before resizing
var scrollInterval = setInterval(function(){
  $.scrollTo("#image", "fast");
}, 1);
//do your resizing
//once resizing done
clearInterval(scrollInterval);