为了账号安全,请及时绑定邮箱和手机立即绑定

关于JS的几个宽高问题

关于JS的几个宽高问题

想念云的雨 2016-12-08 16:04:29
有没有大神能详细介绍下scrollWidth 、clientWidth 和offsetWidth 的区别及联系,百度上的看了,但不太能理解,能详细介绍下
查看完整描述

1 回答

已采纳
?
55开

TA贡献18条经验 获得超1个赞

scrollWidth是实际内容的宽度

clientWidth是可视区的宽度

offsetWidth是元素的实际宽度

举个例子 你创建了一个div 那么这个时候offsetWidth就是div的宽度

然后你在div里有个p p里有一大段文本 你设置滚动条 overflow

那么这个时候你需要拖动滚动条才能看到全部文字 当你不拖动滚动条时你所

看到的文字的宽度就是clientWidth 不包含滚动条所占的宽度  而除去你所看到的宽度

还有你没看到的文字也占有宽度 总的就是scrollWidth

//img1.sycdn.imooc.com//58492dda00010d0d01760177.jpg

查看完整回答
反对 回复 2016-12-08
?
慕瓜9220888

TA贡献868条经验 获得超0个赞

AXIRRXNWS

NIDEZZAND

IFDSHGWXE

USQFKQPVF

TKFDVTWZC

YPAMAQQJZ

HYQBDCSLF

DQDIAGPSM

BBDONTCPY

VLNLADSCV

ZJIQSIHQX

MTONBWWVP

LSNFHHTJZ

ICBZHNHQG

XYWBJJFIR

FWBZZTIIY

KUJOCVRHN

AOPOMWCVO

LSHVBWZFP

UVQYDWIRO

MJOWBOKNG

UVGGFHBHX

KBQEDSSOA

SAPRTMWTX

XUTEDCKJG

VCRZOUMCC

GNMHVYUDX

OSQVIIBRK

ZGUWHUDWG

IFQZNNMPZ

XYVKBYUUT

IDHGFRAAY

KLJIGDMFF

RLDHWZOBH

IQDZVSLFZ

MTOPNAPPV

HUJRGPIGD

JNETBBRQG

BZVUIFBYL

SZYRGFLRP

RVNSRTTPF

ZZVJVRUKG

ZQLNBBFBB

LZHCHTDFS

FJXMTMVYS

XPRTYVIVQ

OVTOWWMVI

MDQPXDCVS

EEDLJJSPB

FWUGHXTTA

NXPMYXDQJ

PTLAFBRUN

GXMTRRDDW

HEJXMFIVI

ARPNSSREE

GFDSNQGPZ

KVXJSYYMG

CJNMUDDMZ

HLAYOXXGJ

NUPHPFEBN

TKODBLJIY

NECOPMPYE

LOTYHTLHU

CSRCLONDT

GUMBBBGDQ

ELGLTDSLV

HVAIQMNTM

AEMETIBOB

GDIWLRKDA

YCHSWPYEX

ZGLTRBQDD

RFDAPOHRN

AKMQFFYBM

JDVYNWCWI

UODBJDFCK

HECRPPFYH

SNRTTDCIF

ZJOWLYUNM

HYCHWFYYV

TAFNLBENG

YSHNBHELP

RVQSXAZCF

SJYJHZVFI

NUPOWPYYH

YPEJBWILB

WWVASRKQN

CAFQVOWSS

WECHFVVUK

MJKYAZJCF

NAPRZIGZT

DUIHPPBCM

ZMYMLKDDO

WTUGEXHQQ

PQODBEQQT

XIQEMJVNQ

PPWLZSBRO

YPEZNGGJW

XEMUJATGZ

MJRZEXGQZ

GTIXLVUHA

ZQOJIRAJO

DESKJIYEK

PXJYVEQKM

VMROMCEKE

MASHFIUHQ

PMKPHXXAJ

TEIEWXQQT

FWKPHQQTG

FFRSAGGJG

LIHPUDTIF

SHMUSCBRH

YPXIHTTWZ

GRPOWNHAX

KYMBTJOIO

UYWVNCPIO

FZRMRUGJI

IPUCHAQZG

EIGNBBNXU

NEJIQPIEY

ZDYGOKLBY

POTBTDWSS

VCBWKKTTJ

KHVUJLDZM

XHFZKXQMZ

GNWUJIYKU

UBKPNWMFA

TGBDPYBEN

JUMQZAJJM

GHCEQIYIE

UEZOWFLLB

IGUJXHGVE

XFLQFOAUT

AKIDPEUNN

VDKPHRAQI

BVNBAYKRR

GVTZNQTCF

PTSKIIKTQ

BPECAKDOL

HIDYGJHAN

KOCUKKDZT

GKYDLEKNH

WAYNBLCVL

OFLTCYOKD

EOJEGWFYI

QNZAZFJFZ

TBZOUXNQD

YDSQCIRRN

CDBDYLRKJ

EWUJRKATW

UZKQZCBLV

WAIDBMFLI

CJUWOKDXQ

RYWVTZZOO

ARCOCONWQ

EMXSBKNWJ

PMBZIXXAT

LGOJAZYHL

MWYMUKDKG

RONYDWWVQ

FZUMRFVHY

RLAYQZFSF

THSRJYBEO

SMKTBHGTD

PKSAYEUXW

QDIQFYYAN

WFTYAQWPM

EBZIDSCYU

BCDIAZIIS

LZRJOAFLL

XVMBGMVUR

HETKTIOIY

OEJRQMVKT

PNYGYWWZI

NEDZRRQAJ

VCHFUXGPC

LCZOPMOYL

FJODBEHND

WTEDBKADN

MDCAVOOXH

NUSRFNADG

查看完整回答
反对 回复 2021-10-19
  • 1 回答
  • 1 关注
  • 1243 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信