今天在使用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物件 陣列這類的,...