2013-07-24 2 views
0

Я пытаюсь к достижению аффект, как один на этой странице:Слайд в div снизу страницы?

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

, но мне нужно работать при загрузке страницы с 5-6 секунд задержки!

можно ли это сделать только с помощью CSS или чистого javascript? если да, то как?

Благодаря

+0

использование комплектTimeout функция – 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

, но если кто-то считает, что это через Google (как я сделал) и кто не хочет использовать якоря или jquery там встроенная функция javascript для перехода к элементу.

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

и что еще лучше, в соответствии с отличной совместимостью столов на Quirksmode, это supported by all major browsers!

OR Вы можете использовать якорь для фокусировки на 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 только Scroll анимации

http://jsfiddle.net/ySeWk/

+0

OP ищет решение js –

+0

@PatsyIssa обновлено: DD –

Смежные вопросы