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

Question

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

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

score 1 · Accepted Answer

这是你想要的？我猜你正在使用某种形式的 jQuery javascript 来触发类的变化。这里的诀窍是设置：

  overflow-x: hidden;

在您的页面主体上（尽管这将完全删除滚动条）。然而，更好的选择是将“overflow-x:hidden”应用于你体内的容器 div。

1 回答 1