Javascript 强制向左滚动时如何防止闪烁？

上次我问了，但我没有从这些答案中找到更好的解决方案

我试着去做。当在te点500到600处达到滚动位置时，先前的div标记从我的容器中分离，新的div标记附加在右侧

但是我有一个问题，在删除、追加和改变左位置之后，向左滚动到容器。 在我的脚本中，在出现闪烁的时间点

scrolleft:100

处强制向左滚动。当强制滚动到左侧时，如何停止闪烁。？

---

很难从你的问题中准确地说出你在寻找什么。我假设您想要一个无限的水平滚动，其中包含延迟加载的图像

我不认为有理由删除图像，除非你永远不想滚动回它们。如果您不知道初始图像宽度，可以在滚动时动态更改滚动条的宽度，但也需要调整滚动位置

下面是一段代码片段来说明：

$（函数（）{
var scrollContainer=$（“#container”）；
var scrollContents=$（“#滚动内容”）；
var colors=['rgba（143，146，199，0.49）''rgba（199，143，186，0.49）'，'rgba（149，199，143，0.49）'，'rgba（229，86，61，0.49）'，
‘rgba（212,229,61,0.49）’‘rgba（206,61,229,0.49）’‘rgba（229,157,61,0.49）’‘rgba（61,165,229,0.49）’‘rgba（61,229,133,0.49）’，
‘rgba（229，61，61，0.49’、‘rgba（116，61，229，0.49’、‘rgba（218，229，61，0.49’、‘rgba（21，43，157，0.49’、‘rgba（153，157，21，0.49’、‘rgba（199，143，186，0.49）’，
"rgba(149,199,143,0.49)","rgba(229,86,61,0.49)","rgba，
"rgba(61,229,133,0.49","rgba(229,61,0.49)","rgba(116,61,229,0.49),"rgba，
"rgba(199,143,186,0.49","rgba(149,199,143,0.49),"rgba，
"rgba(212,229,61,0.49)","rgba(206,61,229,0.49","rgba(229,157,61,0.49)","rgba，
‘rgba（116,61,229,0.49’、‘rgba（218,229,61,0.49’、‘rgba（21,43,157,0.49’、‘rgba（153,157,21,0.49）’、‘rgba（199,143,186,0.49’、‘rgba（149,199,143,0.49）’，
‘rgba（229,86,61,0.49）’‘rgba（212,229,61,0.49）’‘rgba（206,61,229,0.49）’‘rgba（229,157,61,0.49）’‘rgba（61,165,229,0.49）’‘rgba（61,229,133,0.49）’，
‘rgba（229，61，61，0.49’、‘rgba（116，61，229，0.49’、‘rgba（218，229，61，0.49’、‘rgba（21，43，157，0.49’、‘rgba（153，157，21，0.49’、‘rgba（199，143，186，0.49）’，
‘rgba（1491991430.49）’
];
函数addBlock（blockNum）{
scrollContents.append（“”+（blockNum+1）+“”）；
document.getElementById（'cont'）.innerHTML=blockNum+1；
}
var totalBlocks=colors.length；
var=6；
滚动内容。宽度（总块*400）；
对于（变量iBlock=0；iBlock（numBlocks-5）*400））{
addBlock（++numBlocks）；
}
});
})；

#容器{
宽度：100%；
高度：350px；
位置：相对位置；
溢出：滚动；
背景：白色；
顶部：50px；
溢出：隐藏；
}
.街区{
显示：内联块；
宽度：400px；
高度：350px；
}
#滚动内容{
身高：100%；
}

您的JSFIDLE中没有滚动效果。您可以发布一个链接到您正在处理的页面，或者发布到问题可见的裸体页面吗？@JamesNewton Dragscroll用于我的脚本中。在我的浏览器中，Dragscroll可以工作，但我不知道如何在github项目中添加拖动滚动的库文件？使用将其添加到小提琴中的步骤如下：这样做会多次强制布局计算。从左侧移除元素会使右侧的元素立即“填充间隙”（最小尺寸计算），然后您还可以使用更改

left

CSS属性，这也会导致布局。布局是最昂贵的渲染步骤。您可以通过使用

transform

和

opacity

更改而不是

left

并删除元素来避免此问题。