Heim > Web-Frontend > HTML-Tutorial > client/scroll/offset width/height/top/left -记第一篇博客_html/css_WEB-ITnose

client/scroll/offset width/height/top/left -记第一篇博客_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:00:21
Original
1322 Leute haben es durchsucht

client/scroll/offset width/height/top/left (盒模型为contentBox,定位原点是元素左上角边框最外层的交点)     

        clientWidth  width+左padding+右padding(如果有竖滚动条,那么要减去17px)
        clientHeight height+上padding+下padding(如果有横滚动条,那么要减去17px)
        clientTop   border-top-width上边框宽度
        clientLeft border-left-width 左边框宽度
        offsetHeight 同下
        offsetWidth  borderLeftWidth + paddingLeft + width + paddingRight + borderRightWidth
        offsetLeft  当前元素原点相对于定位父元素左上角边框最内层交点的左偏移量
        offsetTop    当前元素原点相对于定位父元素左上角边框最内层焦点的上偏移量
        offsetParent 相对于偏移的父元素
        scrollHeight  
            如果元素无竖滚动条,paddingLeft + width + paddingRight.
            如果有竖滚动条,那么和内容占用的宽度有关,具体怎么算的还没搞清楚。
        scrollWidth  
            类似上面
        scrollLeft 横滚动条滚过的长度
        scrollTop  竖滚动条滚过的长度

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage