Question

我想让一个div（带有class =“top”）从顶部滑入：-300px;顶部：40px;一些不错的宽松。我找不到任何例子。有谁知道如何在加载页面上执行此操作？

Answer 1

这里有一些JavaScript和CSS3：

JavaScript：

<script>
document.getElementById("slide").style.top="40px";
</script>

CSS：

-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;

要滑动的元素必须具有id＆＃34; slide＆＃34;。它还需要top＆＃34; position：absolute; top：-300px＆＃34;在CSS中使它成为-300px。您还可以添加＆＃34;左：20％;＆＃34;或类似于CSS的东西，使它看起来更好。适用于您的设计。您应该查看CSS过渡属性。它对特效非常好。在这种情况下，我花了1秒钟滑动。你总是可以改变它。

这也可以使用JavaScript库jQuery来实现（这会占用更少的代码），但如果我能提供帮助，我通常更喜欢常规的JavaScript和CSS。

以上是我在上面写的代码演示：jsFiddle。

哦，如果有问题，请将此问题标记为答案。它会给我特权并赢得更多声誉。

希望这有帮助！

Onload页面使div滑动可见，并带有缓动

1 个答案: