Javascript JQuery滑块位置

我的headerslider有一个小小的jquery滑码。正如你所看到的，前一幅图像会下降到下一个容器中。我只想把它放在它该放的地方，滚得顺滑。主要的问题似乎在我的html/css中，因为JQuery看起来很干净，但不知怎么的，$（'.row1>div:first'）出错并显示了前面的img。HTML和CSS的结构可能不正确，但不要介意slomo比nomo好

$（函数（）{
$（“.row1>div:gt（0）”）.hide（）；
setInterval（函数（）{
$（'.row1>div:first'）
.衰减（1500）
.next（）
法丹先生（1500）
(完)
.appendTo（“.row1”）；
},  4000);
});
*{
框大小：边框框；
}
[类别*=“列-”]{
浮动：左；
显示：块；
文本对齐：居中；
}
@字体{
src:url（font/BebasNeue.otf）；
字体系列：BebasNeue；
}
.row2 h3{
字体系列：BebasNeue；
字号：2.5em；
颜色：白色；
背景色：黑色；
不透明度：0.8；
}
.标题{
字体系列：BebasNeue；
字号：5em；
颜色：白色；
背景色：黑色；
不透明度：0.8；
利润率：10%；
填充：2%；
位置：绝对位置；
z指数：3；
}
.标题{
字体系列：BebasNeue；
字号：2.5em；
颜色：白色；
背景色：黑色；
不透明度：0.8；
利润率：20%；
填充：2%；
位置：绝对位置；
z指数：3；
}
.集装箱1{
高度：100vh；
背景色：rgba（0,0,0,0.8）；
}
.集装箱2{
高度：100vh；
背景色：rgba（0,0,0,0.6）；
}
.第1行{
高度：80vh；
填充：2%；
位置：相对位置；
}
.row1>div{
宽度：100%；
高度：80vh；
保证金：0；
填充：0；
不透明度：0.7；
位置：相对位置；
}
.row1>分区图像{
宽度：100%；
身高：100%；
}
.row2{
高度：50vh；
}
.row3{
高度：10vh；
文本对齐：居中；
字体系列：BebasNeue；
颜色：白色；
}
.col-1{
宽度：33.33%；
身高：100%；
利润率：8%；
背景色：番茄；
不透明度：0.8；
}
上校12{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
填充：2%；
}
您只需在css中更新以下内容：

.row1 > div {
    width:100%;
    height:80vh;
    margin:0;
    padding:0;
    opacity:0.7;
    position:absolute;
}
.row1 > div img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

我看不出你改变了它。。它还是一样，改变它，保存它，让我知道是的，现在它正在运行，非常感谢！在我的本地主机上不工作可能是因为缓存：）