在视口外定位元素,用于css动画,而不会触发滚动条

时间:2013-07-02 13:32:39

标签: jquery css animation viewport

我正在创建从右侧滑动到页面的简单css动画。 我正在使用jQuery通过向元素添加类来触发动画。 但是起始位置必须在视口外部,并触发底部滚动条出现。怎么预防?
这是相关的css片段

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

1 个答案:

答案 0 :(得分:0)

这是你在找什么? 我猜你正在用jQuery的某种形式的javascript触发类中的变化。 这里的诀窍是设置:

  overflow-x: hidden;
页面正文上的

(虽然这会完全删除滚动条)。然而,更好的选择是将“overflow-x:hidden”应用于你体内的容器div。

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