admin管理员组

文章数量:1319025

I want have width and height of a full div with scroll using JQuery, but i can only have size of visible content and not size of visible + hidden content of scroll bar.

Anyone knows anyway to have this values (width and height)?

<div id="area" class="divLeftCem area">
    <div id="panelArea" class="areaBackground"
        style="width: 1004px; height: 613px; background: #FFFFFF url('Images/background.png') repeat;">
    </div>
</div>

.area
{
    margin-left: 10px;
    width: 1004px;
    height: 613px;
    border: 1px solid #AFAFAF;
    overflow: auto;
    position: absolute;
    top: 145px;
}

PS: Sorry about bad english.

I want have width and height of a full div with scroll using JQuery, but i can only have size of visible content and not size of visible + hidden content of scroll bar.

Anyone knows anyway to have this values (width and height)?

<div id="area" class="divLeftCem area">
    <div id="panelArea" class="areaBackground"
        style="width: 1004px; height: 613px; background: #FFFFFF url('Images/background.png') repeat;">
    </div>
</div>

.area
{
    margin-left: 10px;
    width: 1004px;
    height: 613px;
    border: 1px solid #AFAFAF;
    overflow: auto;
    position: absolute;
    top: 145px;
}

PS: Sorry about bad english.

  • javascript
  • jquery
  • html
  • css
Share Improve this question edited May 21, 2012 at 15:15 Quaquil asked May 21, 2012 at 14:49 QuaquilQuaquil 1111 gold badge1 silver badge5 bronze badges 3
  • I think jQuery gives you the actual size of the div. Could you put some code examples? – davids Commented May 21, 2012 at 15:00
  • Exact, only give me the visible size of the div. – Quaquil Commented May 21, 2012 at 15:09
  • I mean, it should give you the size of the complete div. Please, edit your question and add some code examples – davids Commented May 21, 2012 at 15:14
Add a comment  | 

1 Answer 1

Reset to default 15

Get the element's .scrollHeight:

$(".el").get(0).scrollHeight;

​ It goes without saying you could use .scrollWidth for the x-axis as well.

Fiddle: http://jsfiddle.net/spN6n/

本文标签： JavaScriptJQueryknow width and height of a div with scroll barStack Overflow

版权声明：本文标题：javascript - Jquery, know width and height of a div with scroll bar - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1739348011a2159251.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。