Javascript 平滑地在屏幕上和屏幕下移动字符HTML

我在屏幕上随机出现一个角色。他从屏幕外开始，平稳地移动到屏幕上。然而，我有一个问题，它移离屏幕。现在我用jquery把他放进了身体。当它到达右侧时，我计划通过检查宽度并等待它完全离开屏幕（就在它离开屏幕之前，他的一半身体应该被涂上油漆）来移除它。问题是当他向右移动时，宽度变大，我看到一个滚动条出现

---

如何使角色不影响宽度，使其身体部分涂漆（右侧，左侧不是问题），并知道何时完全看不见它？

只需设置

溢出：隐藏html

元素上的code>：

html {
   overflow:hidden;
}

---

刚刚设置

溢出：隐藏html

元素上的code>：

html {
   overflow:hidden;
}

函数MoveCode（）{
var l=$（'.ball'）.css（“左”）；
$（'.ball'）.css（“左”，（parseInt（l）+8）+“px”）；
设置超时（移动代码，160）；
}
$（'body'）。追加（''）；
MoveCode（）

只需将您的图像包装在一个div中，这样您就可以设置溢出：隐藏，而不必修改页面。

function MoveCode（）{
var l=$（'.ball'）.css（“左”）；
$（'.ball'）.css（“左”，（parseInt（l）+8）+“px”）；
设置超时（移动代码，160）；
}
$（'body'）。追加（''）；
MoveCode（）

---

只需将您的图像包装在一个div中，这样您就可以设置溢出：隐藏，而不必修改页面。

我不知道是否需要滚动条，所以这只对了一半。如果页面是自然滚动的，它将无法正常工作，因此我将在接下来的几天内解决它+1您可以通过使用

overflow:auto将页面的其余部分包装在div中来解决这个问题；最小高度：100%。您还需要
margin:0；填充：0；身高：100%html
和
body
上执行code>。我不知道我是否需要一个滚动条，所以这只对了一半。如果页面是自然滚动的，它将无法正常工作，因此我将在接下来的几天内解决它+1您可以通过使用
overflow:auto将页面的其余部分包装在div中来解决这个问题；最小高度：100%。您还需要
margin:0；填充：0；身高：100%html
和
body
上执行code>+1-这种方法也会起作用（可能比我上面建议的方法更好）。但是您需要包装器div为
position:absolute否则，它将无法工作@李，@nathan gonzalez:谢谢你们两位+1-这种方法也会奏效（而且可能比我上面建议的更好）。但是您需要包装器div为
position:absolute否则，它将无法工作@李，内森·冈萨雷斯：谢谢你们