如何创建CSS滚动效果？

Question

当用户向下滚动网站并达到某一点时，我希望它触发某种行为。示例可以是文本位置的更改。

Answer 1

以下是您使用javascript描述的示例：

function winScroll() {
    if (window.pageYOffset > 1000) {
        window.alert('You have scrolled down the page more than 1000 pixels');
    }
}

window.addEventListener('scroll',winScroll,false);

body {
height: 4000px;
}

<h1>Keep scrolling down...</h1>