當頁面滾動時，我們可以通過添加CSS樣式來提高頁面的交互性和美感。以下是如何為滾動時添加CSS的幾種方法：

// 方法一：使用jQuery
// 當頁面滾動時，添加“fixed”樣式到導航欄
$(window).scroll(function(){
if($(this).scrollTop() >100){
$('nav').addClass('fixed');
}
else{
$('nav').removeClass('fixed');
}
});
// 方法二：使用原生JavaScript
// 當頁面滾動時，添加“hidden”樣式到頂部導航欄
window.addEventListener('scroll', function(){
var nav = document.querySelector('nav');
if(window.pageYOffset >200){
nav.classList.add('hidden');
}
else{
nav.classList.remove('hidden');
}
});
// 方法三：使用CSS3
// 當頁面滾動時，使用CSS3的“sticky”屬性實現(xiàn)固定頂部導航欄
nav {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9999;
}

無論采用何種方法，都可以在頁面滾動時為元素添加CSS樣式。這種交互方法可以增強頁面的吸引力，使其更加生動和靈活。