Javascript HTML：使用div滚动条滚动变慢

我目前正在处理一个使用html和javascript的文件上传。我有没有滚动div标签，并能够显示图像，并很容易地向下滚动使用浏览器滚动条。现在我必须更改div标签，使其具有滚动条，但当我这样做时，加载图像时界面开始无响应

每次上传后，将逐个加载每个图像。在上传之前，我在发送之前调整了图像的大小和方向。我尝试使用工作线程，但它无法处理dom等

有没有其他方法提高速度

下面的代码从图像中获取exif并对图像进行定向

var loadingMetaImage = function (f, index, callback) {
        loadImage.parseMetaData(
        f,
        function (data) {
        if (data.exif)
        options = { canvas: true, orientation: data.exif.get('Orientation') };
        else
        options = { canvas: true };

        loadImage(
        f,
        function (img) {
        callback(img.toDataURL('image/jpeg', 1.0));
        },
        options);
        });
        };

调用上述代码并调整其大小的代码（分步调整大小以获得更好的质量）

正文{
溢出：隐藏；
}
.滚动分区{
溢出x：隐藏；
溢出y：自动；
身高：60%；
宽度：80%；
位置：绝对位置；
排名前10%；
左：10%；
背景色：仿古白色；
盒影：0px 0px 10px rgba（0,0,0,0.4）；
}
p{
位置：绝对位置；
最高：70%；
左：10%；
身高：40%；
宽度：80%；
溢出：自动；
}

一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本


一些文本



那里的代码是：



正文{

溢出：隐藏；

}

.滚动div{

溢出-x:隐藏；

溢出y：自动；

/*样式的其余部分*/

}

我们是否可以看到这一点？你能展示一下运行的代码吗？西蒙，你的目标浏览器是什么？几年前，当我使用IE6时，我发现当滚动的

div

有很多内容时，它的性能相当差。当时，我们确定的解决方案是在

iframe

中呈现内容。当然，这不是一个理想的解决方案，但性能要好得多。我正在使用chrome，但我认为这是因为调整图像大小和方向会导致浏览器无响应。。。与浏览器滚动条相比，div滚动条更加明显。

 loadingMetaImage(file.unprocessed, file.index, function (data) {
                        self.imageResize(data, function (result) {
                        self.files[file.index].datas = data;
                        uploadFile(file.index, result, file.name, file.realName, file.hasReader);
                        });
                        });