CSS3動畫是一種吸引人的效果，可以幫助網頁更生動。在滾動到頁面的某個位置時，觸發CSS3動畫是一個非常有用的工具。下面我們來看一個例子：

.scroll {
opacity: 0;
transform: translateY(50px);
transition: opacity 0.5s, transform 0.5s;
}
.scroll.animated {
opacity: 1;
transform: translateY(0);
}

以上代碼是一個簡單的CSS3動畫，它將元素在頁面上向下移動50像素并讓其透明度為0（即隱藏）。如果頁面向下滾動到某個特定位置，那么元素將通過CSS3動畫呈現出來。為了實現這個效果，我們需要使用JavaScript來檢測滾動事件，并為目標元素添加CSS類(animated)。以下是JavaScript代碼：

window.addEventListener('scroll', function() {
var element = document.querySelector('.scroll');
var position = element.getBoundingClientRect().top;
var windowHeight = window.innerHeight;
if(position< windowHeight) {
element.classList.add('animated');
}
});

這段JavaScript代碼用事件監聽器來檢測頁面滾動。它獲取元素(.scroll)的位置并將視窗高度（window.innerHeight）用作標準來檢測是否已經滾動到元素的位置。一旦元素出現在視窗中，類(animated)就會被添加到元素上，觸發CSS3動畫。

通過以上的代碼，我們可以在頁面效果中添加一些動態效果，吸引用戶的眼球。