1. 程式人生 > >前端學習記錄

前端學習記錄

webkit 移除 posit settime 支持 執行 rul 方法 可能

總結一下這幾天跟前輩學的新知識:

1.吸頂效果,普通的做法是在onscroll函數中監聽滾動距離,如果滾動超過導航條高度,則將導航條的class添加.fixed。但是ios6+設備下的瀏覽器會在頁面滾動的時候暫停所有js的執行,包括setTimeout和setInterval,onscroll也不會執行,只有在滾動停止時才會繼續執行js。

解決辦法:

position:sticky可支持ios6+,但是完全不支持。在實現該效果時需要先判斷用戶的瀏覽器,如果為安卓則使用onscroll進行判斷.fixed的移除和提阿甲,如果為ios則使用.sticky

.sticky {

    position: -webkit-sticky;
position: sticky;
top: 0;
}

.fixed {
    position: fixed;
top:
0;
}
2.loading方法的顯示與隱藏,顯示應該在ajax執行之前調用,並且和ajax請求在一個函數中,隱藏應該ajax請求之後調用並且也和ajax請求在一個函數中,這樣能使查找函數更通用。
3.查詢都用後臺請求,不用過濾的原因,在頁面分頁時使用過濾查詢有可能造成查詢結果的不準確。

前端學習記錄