获取溢出部分隐藏的HTML元素的完整高度：隐藏JQuery / Javascript [英] Get The Full Height Of HTML Element That's Partially Hidden By Overflow:Hidden With JQuery / Javascript

问题描述

正如标题所说，我如何使用over：hidden来获取被其容器div部分隐藏的元素的完整高度。几乎就好像它没有多少隐藏和可滚动。

As the title says, how can I get the full height of an element that is partially hidden by it's container div using over: hidden. Almost as if it wasn't somewhat hidden and scrollable.

任何想法？

推荐答案

HTML

<div id="wrapper">
    <div id="content">Short ribs frankfurter jerky, corned beef tongue chuck meatball. Hamburger drumstick chuck pork chop brisket, prosciutto leberkäse bresaola shank. Corned beef chuck prosciutto beef cow. Tail bresaola biltong, turkey beef beef ribs cow salami. Ground round sausage filet mignon andouille beef ribs, venison pork loin swine frankfurter turkey. Ball tip drumstick swine, ribeye t-bone chuck meatball brisket salami. Meatball pork chop corned beef filet mignon pastrami pork loin ham t-bone andouille kielbasa.

    Drumstick spare ribs shank, pastrami bacon biltong swine meatball capicola. Chicken salami short ribs meatloaf cow kielbasa. Chuck ham hock venison rump, flank frankfurter short ribs sirloin ribeye ham leberkäse capicola drumstick. Capicola ball tip beef tail pastrami, shank pork loin pancetta frankfurter swine ribeye andouille. Andouille chicken pork belly leberkäse pastrami, swine corned beef. Jerky rump frankfurter, short loin hamburger beef kielbasa biltong ground round fatback. Pork chop tri-tip ham hock ham.
    </div>
</div>

CSS

#content {
    height: auto;
}

#wrapper {
    height: 30px;
    overflow: hidden;
}

jQuery / JS

jQuery/JS

$('#content').height()

DEMO

http://jsfiddle.net / sparky672 / gQanb / 4 /

这篇关于获取溢出部分隐藏的HTML元素的完整高度：隐藏JQuery / Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！