先靜態布局好html結構，使用偽類：hover模擬動畫效果，再使用jquery 控制動畫類名的切換來實現效果！主要判斷滾動的方向，以及相應方向上載入動畫的時機（即何時才載入動畫的判斷條件！關鍵點！）。
向下滾動載入動畫判斷條件：（**中addclass()函式）
向上滾動載入動畫判斷條件：（**中addclass2()函式）
實現思路：先布局好靜態布局，再使用hover模擬動畫行為，再改為類名on
等用js進行控制！
div>
class="banner">
web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。在網際網路的演化程序中，
網頁製作是web1.0時代的產物，那時**的主要內容都是靜態的，使用者使用**的行為也以
瀏覽為主。
div>
class="con">
class="con_l">
class="con_2">
div>
class="news">newsdiv>
class="footer">footerdiv>
css:
*//粗暴地清除預設邊距
body
.header
.banner
.banner
h1.banner
p//動畫類
.banner
.onh1,.banner
.onp
.con
.con
img.con_l
.con_2
//動畫類
.con
.on.con_l
.con
.on.con_2
.news
.footer
$(function
()else
if((top>ele_t-winh)&&(top'on');
}else
} //向上滾動時，看草稿圖2！
function
addclass2
(ele)else
if((topele_t-winh*2))else
} //獲取前一次的滾動高度（這裡是第一次）
var firsttop=$(window).scrolltop();
$(window).scroll(function
()else
//每次都將後一次的滾動高度賦值給前一次的滾動高度
firsttop=lasttop;
});});
jQuery 滾動條下拉載入內容
現在很多 為了更好的使用者體驗，那麼就會預先載入一部分內容，等到滾動條下拉到底部的時候，然後使用 ajax或其它技術，請求更多的內容，這樣會使網頁的使用者體驗會更好些，那麼這個是怎麼樣做到的呢？現在就在這裡提供一種思路出來.function 思路是 如果內容區域 小於等於 可視區高度加滾動條的高度的...
滾動條位置判斷
獲取滾動條距離頂部位置 function getscrolltop else if document.body return scrolltop 獲取當前可視範圍的高度 function getclientheight else return clientheight 獲取文件完整的高度 funct...
jquery滾動條操作
在開發專案時，常常需要展示大量資料。如果全部顯示出來，資料相對少時，看不出來什麼不同，如果資料很多時，一次請求全部顯示，這就相當可怕了。面對這種問題，pc裡使用了分頁效果，將資料分成一頁頁，換頁時請求當前頁資料，而螢幕較小的移動端，分頁就不怎麼好看了，常用的方法是滾動到底部時繼續載入資料 滾動載入其...