jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何获得溢出设置的UL的全高?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带溢出的UL:滚动;设置它滚动.如何获得列表的完整高度为$(ul).height()只是给出滚动视口的高度而不是完整列表的高度.

HTML

<ul style="overflow-y:scroll; height: 50px;">
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
</ul>

Get The Full Height Of HTML Element That’s Partially Hidden By Overflow:Hidden With JQuery / Javascript这样的东西不会工作,因为没有内包装,只有列表.

当我追加一个新项目时,我试图让列表滚动到底部,但是…

$(“ul”).attr({scrollTop:NeedHeightHerE});

@L_618_6@

使用所有现代浏览器支持scrollHeight DOM属性(即使是IE)

var wholeHeight = $("ul")[0].scrollHeight;

或者,您可以选择列表中的第一个和最后一个项目,获取顶部偏移量,并相互减去这些项目.添加最终列表元素的高度,结果等同于scrollHeight(在添加UL的顶部和底部填充之后).

var ul = $("ul"),last = ul.children().last();
var wholeHeight = last.offset().top - ul.children().first().offset().top
                  + last.outerHeight()
                  + parseFloat(ul.css("padding-top"))
                  + parseFloat(ul.css("padding-bottom"));

注意:第一种方法效率更高.当最后一个元素绝对定位或浮动时,第二种方法可能无法产生正确的结果.

大佬总结

以上是大佬教程为你收集整理的jquery – 如何获得溢出设置的UL的全高?全部内容,希望文章能够帮你解决jquery – 如何获得溢出设置的UL的全高?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。