CSS中常常會涉及到元素的出現與消失。一種比較流行的特效是當頁面滾動到某個位置時，元素會消失或者出現。下面是一個簡單的例子，當滾動到id為“fade”的元素時，元素消失。

.fade {
opacity: 1;
transition: opacity .5s ease;
}
.fade.hidden {
opacity: 0;
}

接著，jQuery代碼會處理滾動事件。我們需要獲取窗口的高度，當滾動的位置到達對應元素的位置時，就把對應元素的class設置為“hidden”，從而使其消失。

$(window).scroll(function() {
var windowHeight = $(window).height(),
scrollTop = $(window).scrollTop(),
offset = $('.fade').offset().top,
distance = (offset - scrollTop);
if (distance< windowHeight) {
$('.fade').addClass('hidden');
} else {
$('.fade').removeClass('hidden');
}
});

如果需要在滾動到特定位置時元素出現，只需要把“hidden”改為“show”即可。這種簡單的滾動效果可以增加網站的用戶體驗和視覺效果。同時，CSS和jQuery這兩個強大的工具也可以用來實現更加復雜的滾動特效。