問題描述

這是demo網址：http://demo.cssmoban.com/csst...隨鼠標滾珠滑動，網頁中的內容動態(tài)出現(xiàn)是怎么做到的

問題解答

可以使用一些第三方開發(fā)庫如 wow.js，也可以自己造

根據(jù)右側滾動條, 當?shù)竭_指定的位置時, 就顯示出來并執(zhí)行對應的動態(tài)效果代碼.

監(jiān)聽滾動高度，加Css3樣式

這個只是加了一個滾動監(jiān)聽。滾動到相應的位置讓對應位置的opacity從0變?yōu)?，還有一些其他的css屬性，這些樣式都添加了動畫的效果。

就是要添加一個監(jiān)聽滾動事件，根本監(jiān)聽到的結果來判斷要不要異步獲取或者把已有但沒有顯示的部分，添加或者顯示出現(xiàn)

//鼠標滾動事件$(window).scroll(function(){

//獲取當前滾動條距離頂部的高度var scrollTop = $(this).scrollTop(); //定義你動畫動畫應該在滾動條在哪個高度以上顯示 假設200px；if(scrollTop>200){ //你的動畫效果函數(shù)}

}