jquery - 在不触发滚动条的情况下将元素定位在 css 动画的视口(viewport)外

Question

我正在创建简单的文本从右侧滑动到页面的 css 动画。我正在使用 jQuery 通过向元素添加一个类来触发动画。但是起始位置必须在视口(viewport)之外，这会触发底部滚动条出现。如何预防？
这是相关的 css 片段

h2{
position:absolute;
right:-500px;
top:190px;
font-size:45px;
.transition(3s,  linear);
}
h2.centered{
top:88px;
left:30%;
}

Answer 1

这是您要找的吗？我猜你正在使用某种形式的 jQuery javascript 触发类中的更改。这里的技巧是设置:

  overflow-x: hidden;

在页面正文中(尽管这会完全删除滚动条)。然而，更好的选择是将“overflow-x: hidden”应用于您 body 内的容器 div。

http://jsfiddle.net/Vnvet/2/