問題描述

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

問題解答

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

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

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

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

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

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

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

}