簡介
很多網頁或首頁的第一個段落常常是個大圖+標語，然後滑鼠一滾動，這個段落就會往上滑走然後出現下一個段落的內容。
特效僅在第一個段落，下一個段落開始就是正常無特效的區域。
運用範圍
一般是「首頁」的第一個大段落。
範例
原理與思路
主要用jQuery的滾動事件來判斷是否已滾動，並配合slideUp()與slideDown()來產生視覺上的滑出滑入效果。
實作
1、加上CSS ID
把首頁第一個段加上CSS ID，如下圖。
2、拉一個html工具
並貼上下列語法即可。
<script>
( function($) {
$(window).load(function() {
//============================
$(window).scroll(function(){
if( $(this).scrollTop() > 0){
$("#sec01").slideUp(1000);
}
else{
$("#sec01").slideDown(1000);
}
});
//======================================
}); //end load
})(jQuery);
</script>
總結
特效僅在第一個段落，下一個段落開始就是正常無特效的區域，若要整頁的每一個段落都可以有此特效(一頁式網頁之翻頁)，須參考下一篇的作法。
