Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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
如何使用jQuery垂直滚动类型效果在div中播放图像序列_Jquery_Html_Scroll_Sequence - Fatal编程技术网

如何使用jQuery垂直滚动类型效果在div中播放图像序列

如何使用jQuery垂直滚动类型效果在div中播放图像序列,jquery,html,scroll,sequence,Jquery,Html,Scroll,Sequence,我一直在尝试使用jQuery来设置页面元素在垂直滚动位置的动画 有些类似于这个网站。我对如何做到这一点有着相当坚定的理解。我想知道是否有人知道如何播放图像序列。例如,其中一个是PNG(比如鞋子)将是png序列,当用户向下滚动时,图像将播放。如果是我,我会将其插入增量滚动移位,并在序列中向下切换一个活动/选定的类,以显示/隐藏每个帧。这里有一个很好的示例:您希望将精力集中在创造性的负载管理上,因为这些png将开始出现问题快速添加。我想我更愿意使用超出一定物理尺寸的内联图像。但是如果你的动画/图像很

我一直在尝试使用jQuery来设置页面元素在垂直滚动位置的动画
有些类似于这个网站。我对如何做到这一点有着相当坚定的理解。我想知道是否有人知道如何播放图像序列。例如,其中一个是PNG(比如鞋子)将是png序列,当用户向下滚动时,图像将播放。

如果是我,我会将其插入增量滚动移位,并在序列中向下切换一个活动/选定的类,以显示/隐藏每个帧。这里有一个很好的示例:您希望将精力集中在创造性的负载管理上,因为这些png将开始出现问题快速添加。我想我更愿意使用超出一定物理尺寸的内联图像。但是如果你的动画/图像很小,移动背景精灵会更有效。我没有解决方案的要点,没有代码,但我还是会这样做。在smartcarusa.com网站上可以找到一个单独的例子,在第4或第5秒这里,他们通过移动Div在滚动时的x和y位置来实现爆炸式皮肤效果。

Nike better world正在使用,但是如果你想在滚动时交换图像,我建议你看看这个,看看这个。希望这会有帮助