让我们说我有两个不应该同时出现的兄弟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 */ }
}
无论设备规格如何,我都确定必须有办法在所有设备上获得更好的性能。有什么想法吗?
谢谢:)