javascript - div的clientheight和body的clientheight怎么理解不同
黄舟
黄舟 2017-04-10 15:10:39
0
3
324

html==========

 

12312312123121231212312
1231212
31212312123121

2312123121231


21231212

312123

1212312123121231212312123









































































css================

#p1{overflow:scroll;width: 100px;height: 100px;border: 1px solid #000;}

js======================

var p=document.getElementById('p1'); alert(p.clientHeight); //86 alert(p.scrollHeight); //276 alert(document.body.clientHeight); //1390 alert(document.body.scrollHeight); //1410

为什么p.clientHeight不能取到滚动条之后的高度,document.body.clientHeight可以取到滚动条之后的高度?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

membalas semua (3)
阿神

document.body、document.documentElement和window获取视窗大小的区别 client*是获取对象的可视大小,返回的值不包括滚动条的大小,也不包括边框

    黄舟

    p.clientHeight取到的是p可视内容的高度。
    document.body.clientHeight取到的是body对象高度。

      PHPzhong

      其实是这样的,你的body并没有设置overflow 所以它的client的高看起来就像你说的包含滚动条的高。即使给body设置了overflow,也会应用到html上,详情请看 http://blog.aijc.net/css/2014/08/11/CSS%20%E5%8F%AF%E8%A7%86%E5%8C%96%... 中的overflow。你取html的clientHeight就是不包含滚动条的了。

        Muat turun terkini
        Lagi>
        kesan web
        Kod sumber laman web
        Bahan laman web
        Templat hujung hadapan
        Tentang kita Penafian Sitemap
        Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!