大佬教程收集整理的这篇文章主要介绍了jquery – 如何获得溢出设置的UL的全高?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<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这样的东西不会工作,因为没有内包装,只有列表.
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,请注明来意。