Javascript 在左侧以增量循环精灵背景位置_Javascript_Html_Css_Sprite

Javascript 在左侧以增量循环精灵背景位置

javascript html css

Javascript 在左侧以增量循环精灵背景位置,javascript,html,css,sprite,Javascript,Html,Css,Sprite,我有一个水平滚动的整页DIV，称为#SCROLL 我有一个210x310DIV和一个8帧的精灵，叫做#三轮车我想做的是当#滚动向左或向右移动时，三轮车的背景位置以210px的增量向前或向后循环如果您能提供解决方案方面的任何帮助或建议（相信我，我已经看过了），我们将不胜感激。给我们看一些代码，看看您尝试过什么？是您导致滚动移动的吗？如果是，请在移动滚动条时更新三轮车背景位置。问题出在哪里？主要问题是我还在学习javascript，所以写“更新三轮车”对像我这样的人没有帮助。很抱歉我似乎也很难计

我有一个水平滚动的整页

DIV

，称为

#SCROLL

我有一个210x310

DIV

和一个8帧的精灵，叫做

#三轮车

我想做的是当

#滚动

向左或向右移动时，

三轮车的背景位置
以210px的增量向前或向后循环
如果您能提供解决方案方面的任何帮助或建议（相信我，我已经看过了），我们将不胜感激。
给我们看一些代码，看看您尝试过什么？是您导致滚动移动的吗？如果是，请在移动滚动条时更新三轮车背景位置。问题出在哪里？主要问题是我还在学习javascript，所以写“更新三轮车”对像我这样的人没有帮助。很抱歉我似乎也很难计算出这里的评论格式。再次抱歉$（function（）{$（window）.scroll（function（）{$（“#tricycle”）.css（'background-position'，（$（window.scrollLeft（）/105）*-210）+'px-center'）；}）`我在这里“尝试”发布的代码，使用鼠标滚轮工作，因为它会将内容移动105px，但当我使用滚动条时，它会一次移动精灵1px，而不是我要的210px。如果有人有一些建议，请考虑我可能需要比你的平均水平多一点的解释。还在学习。谢谢，我应该从你可以看的东西开始。我刚刚把我一直在做的事情放到网上：<>