样式:
.move1 { position: relative; visibility: hidden; text-align: center; margin-left: auto; margin-right: auto; /*animation:fadeIn 2s; -webkit-animation:fadeIn 2s;*/ /* Safari and Chrome */
}
动画:
@keyframes fadeIn { 0% {left:10%; Opacity:0;} 100% {left:0%; Opacity:0.9;} } @-webkit-keyframes fadeIn /* Safari and Chrome */ { 0% {left:10%; Opacity:0;} 100% {left:0%; Opacity:0.9;} }
对应js:
$(function(){
$(window).scroll(function(){ if($(this).scrollTop() >= 110 && $(this).scrollTop() <= 410){ //3000你说的某个位置 $(".move1").css({"visibility": "visible", "animation":"fadeIn 2s","-webkit-animation":"fadeIn 2s" }); } }); })