我的老板让我这样做，我不知道如何在Javascript中做到这一点。
我需要做的是在html页面上有3张图片，向上滚动页面。
因此，当用户单击“下一步”时，这三张图片会滚动（在STUFF下消失），并被另外三张图片替换。当你直接点击这些图像时，它会改变文本框的内容（在这种情况下标记为REPLACE ME。）我甚至不确定此时谷歌会是什么。我理解REPLACE ME操作。但是我不确定如何将图像滚动并被另一个图像替换（图像循环后按下5次。）我认为Jquery会让它变得更容易但是大部分教程都不是我正在寻找的对于。有没有人知道一个涵盖这样的教程。
A asset http://www.loopmedia.com/images/newsletter/SlideUpAndSlideUpV2.png
答案 0 :(得分：1)
好的，所以如果你想要它背后的理论，那就是它......没有代码：
你必须有一个div作为容器。这就像你需要图像的“视口”一样宽和高。这需要overflow: hidden; position: relative;。
在这个内部，你需要一个与图像视口一样宽的div（如上所述），但是和所有内容一样高。因此，它与滚动条中的所有5组图像一样高。这需要position: absolute; top: 0; left: 0;。
在这个内部div内部，您需要放置包含图像的5个div，每个div都在正常情况下。
所以...现在，当您点击“下一步”时，您需要{em}内部 div的animate()值top（jquery）为-HEIGHT_OF_1_SET_OF_IMAGES。这给人一种幻觉，即图片在页面上向上滚动。
完成此操作后（请参阅jquery的动画回调函数），您需要使用appendTo()函数将页面顶部隐藏的div（第一组图像）移到底部它到内部div的末尾。同时，您需要再次将top值设置为0。因此，你再次开始循环。
希望这是有道理的。 :)任何问题都会给我一个大喊。
答案 1 :(得分：0)
我确信有插件可以做到这一点，你只需要搜索。
如果你想自己做，那就是我要做的。
使用精灵，第一个和最后一个图像相同（用于重叠），然后简单地无限制地为精灵的top属性设置动画，直到达到某个值（最后一个图像完成滚动），如果发生这种情况，请重置top值，然后重新开始。
答案 2 :(得分：0)
