jquery - 在文档加载时更改 div 的右侧位置

Question

我有一个 div ，我想在加载文档时将其最初隐藏，并对其进行动画处理，使其看起来像是从外部滑入。

我的 html 很简单:

<div></div>

还有CSS:

div 
{
    position: absolute;
    right:-10000px;
}

jquery 是这样的:

$(".whyus").animate({
    right:"50px"
},5000);

div 最初具有 right:-10000px; 以使其完全脱离页面。我希望如果页面已加载，div 将在 5 秒内动画化到页面中，正确的值为 50px。我怎样才能让它工作？

Answer 1

你不需要给 right:-10000px;。你可以通过 right:-10vw;

Jsfiddle

$("div").animate({
  right: "50px"
}, 5000);

body {
  position: relative;
  overflow: hidden;
}
div {
  position: absolute;
  right:-100vw;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>test</div>