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