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>

Answer 2

您的代码适用于我！

刚刚更改了CSS以使其可见：

div {
    position: absolute;
    right:-50px;
    //bit realistic height:100px;
    width:50px;
    border:1 px solid;
    background-color:red;
}

我为你做了fiddle

看看是否有帮助

Answer 3

我为你做了这个fiddle。希望这可以帮助。

只需要包含

if instance_number(obj_char)>0 and instance_number(obj_ball)>0
{
    with obj_char
    {
        with obj_ball
        {
            if (other.x=x)
            {
                obj_manager.myScore+=1;
            }
        } 
    }
}

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

3 个答案: