![]() |
1
3
您可以尝试如下操作:
这将阻止图像推动其他人,但它有一个相反的问题,即“吸进”其他人,因为它被定位的方式。 有一个相当不错的 example here 使用jquery来实现类似的效果。 此示例使用列表项来排序为图像保留空间。我们将列表项向左浮动,并通过定位它们的“相对”并给它们一个明确的大小将它们隔开。然后将图像“绝对”定位到列表项中。现在,当我们使用jquery重新调整图像大小时,其他图像不会重新流动,因为列表项充当占位符。 该示例还使用animate而不是effect.size来获得更清晰的效果。 希望这有帮助。祝你好运。 |
![]() |
2
2
这是我的尝试。我将列表项设置为相对定位,以保存绝对定位的图像。这似乎按您指定的方式工作。唯一的问题是,当你在它们上面快速滑动时,它们都是动态的。我假设您希望在其中添加一些内容,使一次只调整一个大小。
|
![]() |
3
1
如果您使用jquery中的“animate”函数而不是“effect”,它会很好地工作(不会回流)。我在firefox 3、chrome和ie 8中尝试了以下代码,在所有情况下都没有回流。功能如下:
下面是我用来测试函数的整页:
|
![]() |
4
1
简单的答案通常是找到一个已经做了你想要的事情的现有jquery插件。他们有很多,即使一个不完美的,你可以适应或从中学习,以获得想要的结果。 要自己做,我建议有两个图像的副本:一个与列表对齐,另一个在顶部放大。这样列表的布局就完全不依赖于缩放后的图像。 未测试的代码,只是在想:
当鼠标移到较小的图像上时,会创建较大的图像,并将其悬停在上面,然后立即展开到位。当鼠标离开较大的图像时,它会收缩然后消失。 |
![]() |
5
1
您需要一个执行以下操作的函数:
很简单。其他元素将保持不变,不会移动。 |
![]() |
6
0
通过将原点设置为左上角而不是上中心,我得到了一个稍好的结果。 但不然就差不多了。以下是其他人要做的事情:
|
|
Jamie · 在CSS链接的文件名中添加Jinja占位符 4 月前 |
![]() |
Mass · 如何在Tailwind CSS v4中创建配置 4 月前 |
![]() |
magenta placenta · 将css变量合并为一个变量 4 月前 |
![]() |
ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位 5 月前 |
![]() |
john Rizzo · 按钮背景颜色、悬停和活动状态存在问题 5 月前 |