Javascript 旋转木马问题中的随机定位图像

我在写vanillaJS slider。当我刷新网站时，有时工作正常，有时不正常。在Codepen/Snippet上，代码工作得非常完美

const-activeEl=document.getElementsByClassName（'active'）[0]；
const slideList=document.getElementsByClassName（'slide-unit'）；
让activeElIndex=Array.from（activeEl.parentNode.children.indexOf（activeEl）；
函数滑块函数（newActiveElIndex）{
如果（newActiveElIndex！=activeElIndex）{
slideList[activeElIndex].classList.remove（'active'）；
slideList[newActiveElIndex].classList.add（'active'）；
activeElIndex=newActiveElIndex；
}
for（设i=0；ii）{
slideList[i].style.left=（i-newActiveElIndex）*21.25+“vw”；
}否则{
幻灯片列表[i].style.left=0+“vw”；
}
}
}
滑块功能（activeElIndex）；
for（设i=0；i

滑块{
位置：相对位置；
高度：45vh；
宽度：30vw；
保证金：0 35vw 0 35vw；}
.滑块.滑块装置{
位置：绝对位置；
身高：50%；
宽度：50%；
最高：25%；
左：0；
背景颜色：粉红色；
过渡：所有800毫秒立方贝塞尔（0.68，-0.55,0.265,1.55）；}
.slider.slide-unit.active{
位置：绝对位置；
身高：100%；
宽度：100%；
排名：0；
左：0；}

听起来像是比赛条件。您是否尝试在加载元素后运行代码？我的想法是，它通常在加载所有元素之后启动，但有时在加载之前启动。JS脚本在站点末尾运行。然而，即使几分钟后，仍然呆在同一个糟糕的地方。在你的浏览器上一切都运行良好？是的，在Chrome上运行代码片段似乎很好。