javascript - 从页面底部滑入一个div？

Question

我正在尝试实现类似于此页面上的效果：

使用jquery从页面底部中心向上/向下滑动DIV

但我需要它以 5-6 秒的延迟处理页面加载！

这只能用 CSS 或纯 javascript 完成吗？如果是这样，如何？

谢谢

Answer 1

查询：

将它与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 上的兼容性表，所有主流浏览器都支持它！

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

<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 only滚动动画

http://jsfiddle.net/ySeWk/