하단에 div 상자로드 만들기

페이지가로드 될 때 아래쪽에 스크롤 가능한 div 요소가 있어야하는 프로젝트에서 작업하고 있습니다. 즉, 사용자가 위로 스크롤하여 나머지 콘텐츠를 볼 수 있습니다. 이 일을 생각할 수있는 유일한 방법은 페이지 부하에서 div 자동 스크롤을 맨 아래쪽에 놓는 것입니다. 그러나이 프로젝트에서는로드 시간이 중요하므로 다른 해결책을 찾고 싶습니다. 가급적이면 CSS와 같은 다른 방법으로이 작업을 수행 할 수 있습니까? 감사!하단에 div 상자로드 만들기

출처

2013-06-19 nmg49

이 효과를 얻으려면 자바 스크립트를 사용할 수 있습니다. 그것은 빠르고, 그래서 당신은로드 시간에 대해 걱정할 필요가 없습니다 :이 사용 jQuery를 구현하는 다양한 방법도 있습니다

var yourDiv = document.getElementById('yourDivId'); 
yourDiv.scrollTop = yourDiv.scrollHeight;

jQuery Scroll To

출처

2013-06-19 20:26:33

에는 자바 스크립트 태그 – Shaddow

@Shaddow 없음이 없다, 그러나 이것은 (질문에 대한 이해에서 적어도) 유일한 솔루션입니다. 질문자가 질문에 대답하지 않는다면 JS를 사용하는 것이 종종 암시됩니다. – Bojangles

간단하지만 훌륭하게 기능합니다. MDN과 Quirksmode를 통한 제비 뽑기를 많이 보내 주셔서 감사합니다! –

나는 당신이 필요로하는 것을 잘 이해 모르겠지만, 그런 어쩌면 뭔가 : 여기에 주제에 대한 좋은 블로그 게시물의

#bottomDiv{ 
    position:fixed; 
    bottom:0; 
}

출처

2013-06-19 20:32:58 Pierre

더 javascript 태그가 없습니다 그래서 무엇을 css 파일이 다운로드되지 않을 때까지 요소 숨기기에 대해 (그러나이 작업은 처음으로 캐시 된 CSS 파일 일 것입니다.)

CSS

#bottom { 
    display: block !important; 
    position: fixed; 
    bottom: 0; 
}

출처

2013-06-19 20:49:54 Shaddow

하단에 div 상자로드 만들기

답변

관련 문제