从页面底部滑入div？

Question

我正在尝试实现类似本页面的影响：

Slide Up/Down DIV from bottom center of the page using jquery

但我需要它在页面加载时工作，延迟5-6秒！

这只能用CSS或纯JavaScript来完成吗？如果是这样，怎么样？

由于

Answer 1

<强> JQUERY：

将其与window.onload = function ...

一起使用

setTimeout(function() {
    var top = $('#yourID').position().top;
    document.getElementById('youridhere').scrollIntoView();

}, 5000); // your timeout in ms

<强> JAVASCRIPT

老问题，但如果有人通过谷歌（我这样做）发现这个并且不想使用锚点或者jquery，那么就有一个内置的javascript函数来“跳转”到一个元素。

document.getElementById('youridhere').scrollIntoView();

什么更好，根据quirksmode上的强大兼容性表，这是supported by all major browsers！

或 您可以使用锚点来“聚焦”div。即：

<div id="myDiv"></div>

然后使用以下javascript：

// the next line is required to work around a bug in WebKit (Chrome / Safari)
location.href = "#";
location.href = "#myDiv";

其他 看看这个小提琴:)有一个javascript 仅滚动动画

http://jsfiddle.net/ySeWk/