div를 페이지 하단에서 밀어 넣으시겠습니까?

Question

내가이 페이지에있는 것과 같은 영향을 달성하는 것을 시도하고있다 :

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

하지만 내가 5 ~ 6 초 지연 페이지로드 작업해야!

CSS 또는 순수한 자바 스크립트로만이 작업을 수행 할 수 있습니까? 그렇다면 어떻게?

감사

Answer 1

JQUERY :

는 window.onload = function ...

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

}, 5000); // your timeout in ms 

JAVASCRIPT

오래된 질문에 그것을 사용하지만, 사람이 (내가 그랬던 것처럼 구글을 통해이 발견되면) 그리고 앵커 또는 jquery를 사용하고 싶지 않은 사람 요소에 '점프'하는 자바 스크립트 함수가 내장되어 있습니다.

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

은 심지어 더 나은 무엇을, 쿼크 모드에 큰 호환성 테이블에 따르면,이 supported by all major browsers입니다!

div를 "초점 맞추기"위해 앵커를 사용할 수 있습니다. 즉 :

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

하고 다음 자바 스크립트 사용 :

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

그리고 다른 사람이 바이올린에 보기는 : 자바 스크립트 만 스크롤 애니메이션

http://jsfiddle.net/ySeWk/

에게있다