写问题要详细点啊！
不知道 你的滚动是指什么 ，不过大部分滚动条件 都是用 scrollTop完成的！
获取页面 卷曲长度 做判断
写条件：当卷曲长度 大于多少时 触发动画
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop有入就要有出，就如onmouseover和onmouseout，入的时候改变，出的时候要有还原。。。（或者是在入的改变之前做还原- -。。。）希望能帮到你，如果还有疑问，可以继续追问；如果满意，请记得采纳哦~~~
像这种效果，你要想知道，
已经下载下来，你拆开看一下就知道了。
说说原理，这里并不是纯css3，，只是用css3定义好动画，
@-moz-keyframes tips {
0% {box-shadow: 0px 0px 0px #f00}
25% {box-shadow: 0px 0px 8px #f00}
50% {box-shadow: 0px 0px 0px #f00}
100% {box-shadow: 0px 0px 8px #f00}
}
然后，js在切屏后，用Js来触发这一个样式，这个样式调用了刚才定义的动画。
.tips {
-webkit-animation:tips 1s
-moz-animation:tips 1s
}
当然css3是可以做的，只是用纯css3，就没办法像这样可以拖动切屏，这个是需要js或者jq来完成。。。
