jquery - 如果在 div 之外，JQuery 使图像不可见

Question

我正在尝试在 JQuery 中创建一个滑块。我在一个 div 中有两个相互重叠的图像。当按下右键时，我想让底层图像从左开始并将其滑动到另一个图像顶部的右侧。我为此使用此代码：

var position = $("#IMAGE1").position();
var width = position.left-1050;
$("#IMAGE1").css('left', width);
$("#IMAGE1").animate({"left": "+=1050px"}, "slow");

现在我只想要在 div 内部可见的图像部分，而不是在其外部时（它看起来真的很草率，因为 div 有边框）。问题是，怎么做？

Answer 1

确保包含的 div 具有以下 css 样式：

position: relative;
overflow: hidden;

这应该够了吧。