關於scrollTop的那些事

2022-03-10 05:48:03 字數 728 閱讀 2669

大家在實際專案中,應該是要經常用到scrolltop的,它表示的是可視視窗距離頁面頂部的距離,這個scrolltop是可讀寫的,所以可以用來做頁面滾動。

但是大家或多或少遇到一些瀏覽器相容問題,為什麼ff可以用,到chorme下就用不了呢?

這裡就要談到document.documentelement和document.body了。

在不宣告doctype的情況下,瀏覽器預設是混雜模式(quirks mode)。而如今我們都是要求自己做標準網頁的人,所以我們時刻都要記得宣告doctype,這時候瀏覽器就是用標準模式(stranded mode)進行渲染的,這個時候一般都是用document.documentelement作為檢視模式的了。

對於scrolltop,實際情況是如何呢?

那我們該如何做瀏覽器相容呢?

有兩種辦法:

var scrolltop = document.documentelement.scrolltop || document.body.scrolltop  //或是短路語言,返回其中乙個真的選項。

var scrolltop = document.documentelement.scrolltop + document.body.scrolltop //其中乙個有數值,另乙個肯定為零,做簡單的相加即可得到scrolltop

當然做scrolltop修改的時候,兩種模式都一起修改即可。當然追求極致的同學也是可以用 if 語句進行判斷選擇的。

關於開始的那些事

人總是有惰性的,當然我自己深有體會。一直有個想法想寫寫自己的blog,但隨時間的推移,很久都沒付出行動。最近工作專案開始不那麼忙了,維護乙份自己的blog的想法愈發強烈了。想把自己的一些想法,或者看到的一些有用的東西給大家分享,也給自己留下成長的痕跡。我從小喜歡看書,各種各樣的書屬於不求甚解的狀態。...

關於coredump的那些事

今天在網上搜了一些有關coredump的知識,簡單記一下,以防忘記 core dump檔名的模式儲存在 proc sys kernel core pattern中,預設是core 主要是今天比較鬱悶,要除錯程式crash,就用ulimit c unlimited設定了一下core檔案的大小,但是測試...

關於STL 的那些事

今晚參加訓練。樹狀陣列的練習,傻乎乎的用stl做了一晚,雖然題沒做出來,不過對stl的查詢有了更深一層的理解。關於stl。輸入輸出 vector push back pop back stack push pop queue push pop 頭 front 尾 back priority queu...