Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 关键帧不在Chrome中滚动_Javascript_Google Chrome_Scroll_Keyframe - Fatal编程技术网

Javascript 关键帧不在Chrome中滚动

Javascript 关键帧不在Chrome中滚动,javascript,google-chrome,scroll,keyframe,Javascript,Google Chrome,Scroll,Keyframe,第一次使用关键帧,所以我可能会错过一些明显的东西,但由于某些原因,我无法使用Chrome进行滚动。它在IE和Firefox上运行良好。我在这里找到的唯一解决方案是添加了一个分号,Firefox忽略了这个分号,而Chrome没有。任何帮助都会很好 .example3 { height: 1920px; overflow: hidden; position: relative; text-align:center; font-family: "Flama"; font-size: 35px; }

第一次使用关键帧,所以我可能会错过一些明显的东西,但由于某些原因,我无法使用Chrome进行滚动。它在IE和Firefox上运行良好。我在这里找到的唯一解决方案是添加了一个分号,Firefox忽略了这个分号,而Chrome没有。任何帮助都会很好

.example3 {
height: 1920px; 
overflow: hidden;
position: relative;
text-align:center;
font-family: "Flama";
font-size: 35px; 
}

example3 h3 {
position: absolute;
width: 1080px;
height: 1920px;
margin: 0;
line-height: 50px;
**-webkit-**animation: example3 20s linear infinite;  /* Apply the animation */
}


/* Chrome, Safari, Opera */ 
@-webkit-keyframes example3 {
from {top: 1920px;}
    to {top: -2920px;}
} 

/* Standard syntax */ 
@keyframes example3 {
    from {top: 1920px;}
    to {top: -2920px;}
}
我明白了。在动画之前忘记“-webkit-”