滾動(dòng)條這個(gè)小妖精實(shí)在太磨人了,關(guān)于它到底占用哪兒的位置,我找到這樣一篇博客,根據(jù)實(shí)踐結(jié)果也似乎是這么回事:滾動(dòng)條占據(jù)的是content的位置,但是顯示時(shí)是貼邊顯示。(根據(jù)實(shí)際效果是貼著border顯示,在border內(nèi)部)然后js里有一個(gè)clientHeight,MDN的定義是:Element.clientWidth 屬性表示元素的內(nèi)部寬度,以像素計(jì)。該屬性包括內(nèi)邊距,但不包括垂直滾動(dòng)條(如果有的話(huà))、邊框和外邊距。這屬性有毛用啊,比如說(shuō)我有一粉色div,寬高100px,padding-right是20px(藍(lán)色部分),clientWidth就是內(nèi)部寬度83px(100-17,17是滾動(dòng)條寬度)加上padding-right的20px,等于103px,要這玩意兒有什么用???!中間還夾著個(gè)電燈泡滾動(dòng)條就不要了是鬧哪樣???這個(gè)屬性有什么實(shí)際用途嗎?我覺(jué)得用這獲取視口寬高很不靠譜啊,為什么js高程上用body.clientWidth獲取頁(yè)面視口大小啊?PS,請(qǐng)問(wèn)哪里有關(guān)于滾動(dòng)條的標(biāo)準(zhǔn)官方特性描述嗎?
關(guān)于滾動(dòng)條和clientHeight
慕無(wú)忌1623718
2018-11-13 17:14:29