h5頁面滑動效果?
用到的屬性
主要用到jquery中的animate函數。
滑動監聽(touch事件)。
對css中overflow屬性的控制。
實現步驟
以四個頁面為例,將這四個頁面的高度都設置為100%,每一塊都能充滿當前屏幕。
通過clientHeight獲得每個頁面的實際高度。
通過調用jq中的animate函數來實現一個頁面滾動的動畫效果。如果不用這個函數用原生 scrollTop,可能會遇到函數無效的情況,這個時候首先要檢查綁定的dom對象有沒有設置高度,并且有沒有設置overflow屬性,可以設置為scroll或者auto等。