1. 程式人生 > >W3C標準下js動態隱藏滾動條(document.body相容處理)

W3C標準下js動態隱藏滾動條(document.body相容處理)

關於在css中控制滾動條是否隱藏,想必對大家說都小意思了,可是用js動態控制是否顯示呢?
估計還沒有思路,去百度一下,方法了了無幾,沒有可以真正實現的~
這兩天也正在考慮這個問題,居然就被我想通了,一個js控制overflow:hidden;不就搞定了嘛~
結果發現在op ff等下卻無效,查了下資料,現將動態隱藏滾動條的js貼出來,以方便有此需要的朋友。
至於用處就不說啦,點選一下本部落格文章頁面中的“我要引用此文章”就知道啦,呵呵!

關於這個功能的相容,最主要的就是將document.body相容了
看看這段程式碼:



ff好像不支援document.body,需要用document.documentElement.clientHeight來相容ff
其實也不用這麼麻煩的判斷,完全可以用瀏覽器判斷的js來確定是否用document.documentElement.clientHeight,呵呵~
先就這樣啦,明白就好!

 HTML程式碼



轉載請註明:  引用內容 作者:靜¢脈(hayden)
來源:www.mysuc.com