我試圖將實現這樣的頁面上的一個有影響:從頁面底部的div中滑動?
Slide Up/Down DIV from bottom center of the page using jquery
,但我需要它有5-6秒的延遲在頁面加載工作!
這隻能用CSS或純JavaScript來完成嗎?如果是這樣,怎麼樣?
感謝
我試圖將實現這樣的頁面上的一個有影響:從頁面底部的div中滑動?
Slide Up/Down DIV from bottom center of the page using jquery
,但我需要它有5-6秒的延遲在頁面加載工作!
這隻能用CSS或純JavaScript來完成嗎?如果是這樣,怎麼樣?
感謝
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 只滾動動畫
OP正在尋找一個js解決方案 –
@PatsyIssa更新:DD –
使用setTimeout函數 – inser
不知道這是否可能在CSS中,但這將工作,並會在js更容易。 – dreamweiver
使用[animation-delay](http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_animation-delay)CSS3屬性。 – Brewal