免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
精確地計算Web頁面中滾動條的寬度
    原來我一直以為Web頁面中的滾動條寬度是不能精確確定的,因為用戶自己可以在桌面屬性中設置系統(tǒng)滾動條的寬度為任意整數(shù)。再加之上次在MyMsn的代碼里看見M$程序員的注釋,更加讓我認為滾動條的寬度是不能精確計算地。但事實是怎么樣的呢?

    實際上對于HTML里面的容器元素,它們的長、寬之間存在這樣的運算關系:
    width = border-left-width + clientWidth + border-right-width;
    height = border-top-width + clientHeight + border-bottom-width;

    但是當容器內出現(xiàn)滾動條后,這個長、寬運算關系將變?yōu)椋?br>    width = border-left-width + clientWidth + scrollbar-width + border-right-width;
    height = border-top-width + clientHeight + scrollbar-width + border-bottom-width;

    下面是一個DIV的示例:style="margin: 25px; padding: 25px; width: 200px; height: 200px; border: solid 25px blue; background-color: yellow; overflow: scroll;"

   
X

    DIV: clientWidth: 130
    DIV: offsetWidth: 200

    上面示例中的scrollbar-width為:offsetWidth - borderLeftWidth - borderRightWidth - clientWidth = 200px - 25px - 25px - 130px = 20px。
本站僅提供存儲服務,所有內容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
CSS語法于技巧說明
網(wǎng)頁背景代碼及使用方法
可直接套用的日志模板
常用代碼全包括,全全全!?。?- 主頁交流論壇 - 育兒論壇 - 育兒網(wǎng)
Confused by document dimensions in JavaScript
彈窗Modal實現(xiàn)和有滾動條偏移解決方法
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服