safari坑之 回彈

2022-07-08 20:42:14 字數 640 閱讀 4423

今天在使用safari瀏覽部落格的時候,

發現在拉至頂部並產生回彈之後,頭部導航隱藏了,

除非在上拉的時候,剛好達到頂部而不超出產生回彈才會正常顯示

這是部落格原來隱藏顯示頭部導航的邏輯

fix: , 0)

}, 200))

},unbind()

}

可以看到主要邏輯是根據scrolltop前後變化值來改變導航欄樣式,

把前後的scrolltop都列印出來,觀察下過程值

console.log("after"+afterscrolltop)

console.log("before"+beforescrolltop)

chrome中正常情況下,回彈不會改變scrolltop的值

而在safari中,拉至頂部scrolltop是會變負的ˊ_>ˋ

知道問題在哪,解決就很簡單了,給兩位朋友套個abs就好

safari 遇到的坑

雖然safari和chrome的核心都是webkit核心,但是兩個瀏覽器還是有一些細微的差別,這次專案中遇到了一些,就在這裡記錄一下,避免下次再遇見。後面再遇見新的問題,會繼續更新。解決 必須將時間格式轉換成yyyy mm dd才能獲取到,否則會得到invalid date 如標題所見,在 befo...

前端console log之坑。。。

問題 接下來看一段網上的 實際測試發現是一樣的。發現問題了吧,第乙個a應該是空的,第二個才是列印結果,但是第乙個就已經有值了,討論了很長時間又做了下面的測試。接下來看一下陣列形式,發現依舊如此,通過其他資料發現也有人遇到過這種情況。然後又讓豬哥幫我做了最後乙個測試,我說不用json物件 陣列這類的,...

前端console log之坑。。。

問題 接下來看一段網上的 實際測試發現是一樣的。發現問題了吧,第乙個a應該是空的,第二個才是列印結果,但是第乙個就已經有值了,討論了很長時間又做了下面的測試。接下來看一下陣列形式,發現依舊如此,通過其他資料發現也有人遇到過這種情況。然後又讓豬哥幫我做了最後乙個測試,我說不用json物件 陣列這類的,...