頁面滾動時,動態添加css動畫

在別人的網站中,看到頁面滾動到某一位置時,該位置的元素經過各類炫酷的動畫展現出來。不知道他們是怎麼作的,我根據本身的理解作了一個demo。原理很簡單,用CSS3預先定義元素的動畫效果,先不要添加到元素上。監聽window.onscroll的事件,獲取頁面滾動的高度,當這個元素顯示出來時,動態添加該元素的動畫效果。(有兩種方法,一、經過style.cssText寫入樣式;二、經過className添
相關文章
相關標籤/搜索