gpt4 book ai didi

jquery - 容器高度设置为容器中最后一个子项的 css 顶部 + 几像素

转载 作者:行者123 更新时间:2023-11-28 10:46:22 25 4
gpt4 key购买 nike

我正在尝试通过 Isotope、无限滚动和 Packery 的组合将容器的高度设置为容器高度内的最后一个子项。这是我基本上拥有的代码。

   <html>
<div id="container" class="variable-sizes isotope" style="position: relative; overflow: hidden;">
<div class="isoItem isotope-item" style="position: absolute; height: 0px; left: 0px; top: 0px;"> </div>
<div class="isoItem" style="position: absolute; left: 0px; top: 0px;"></div>
<div class="isoItem" style="position: absolute; left: 340px; top: 0px;"></div>
<div class="isoItem" style="position: absolute; left: 680px; top: 0px;"></div>
<div class="isoItem" style="position: absolute; left: 1020px; top: 0px;"></div>
<div class="isoItem" style="position: absolute; left: 1190px; top: 0px;"></div>
<div class="isoItem" style="position: absolute; left: 1360px; top: 2089px;"></div>
</div>
</html>

这就是我想要实现的目标:

$('#container').css('height', $('.isoItem:last').css('top') + '317px');

在这种情况下,#container 高度将设置为 2089px + 317px = 2415px任何帮助将不胜感激。

最佳答案

试试这个:

$('#container').height( (parseInt( $('.isoItem:last').css('top'), 10) + 317) );

为什么?

$('.isoItem:last').css('top') 返回一个带有单位的值,例如 px,因此您不能直接对其进行数学运算。首先通过 parseInt() 将其转换为 interget,然后添加您的 317(使用 .height() 时无需附加 + 'px' > 因为 jQuery 会自动执行)。

关于jquery - 容器高度设置为容器中最后一个子项的 css 顶部 + 几像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22967982/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com