2013-07-24 89 views
0

我試圖將實現這樣的頁面上的一個有影響:從頁面底部的div中滑動?

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

,但我需要它有5-6秒的延遲在頁面加載工作!

這隻能用CSS或純JavaScript來完成嗎?如果是這樣,怎麼樣?

感謝

+0

使用setTimeout函數 – inser

+0

不知道這是否可能在CSS中,但這將工作,並會在js更容易。 – dreamweiver

+0

使用[animation-delay](http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_animation-delay)CSS3屬性。 – Brewal

回答

3

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(); 

,什麼是更好的,根據對怪異模式的巨大兼容性表,這是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"; 

和else 看看這個小提琴:)有一個javascript 滾動動畫

http://jsfiddle.net/ySeWk/

+0

OP正在尋找一個js解決方案 –

+0

@PatsyIssa更新:DD –