一次显示大量图像时,ui响应缓慢

时间:2016-05-03 18:34:45

标签: html css performance

让我们说我有两个不应该同时出现的兄弟div。在两个div中都有大约50张图像。

默认情况下显示Div 1,类为#34;有效"。但是当用户点击某个按钮时,它会触发一个删除类"活动"来自Div 1并将其附加到Div 2。

这种div的切换在电脑上运行良好,但在某些移动设备上,响应速度太慢。

这是我迄今为止所尝试过的:

首次尝试:

div {
    display: none;
    &.active {
        display: block;
    }
    img { display: block; /* always */ }
}

第二次尝试:

div {
    position: absolute;
    left: 9999px; // in a viewport far far away
    &.active {
        position: relative;
        left: 0;
    }
    img { display: block; /* always */ }
}

无论设备规格如何,我都确定必须有办法在所有设备上获得更好的性能。有什么想法吗?

谢谢:)

0 个答案:

没有答案