내 웹 페이지에 스크롤바의 기본 위치를 설정하는 방법

Question

채팅 창이 있습니다. 채팅 로그가 채워지면 사용자는 스크롤 바를 사용하여 메시지를 탐색합니다. 채팅 프레임이 맨 아래에있는 마지막 메시지를 항상 표시하고 싶습니다. CSS, JavaScript를 사용하여 이것을 어떻게 할 수 있습니까?

감사합니다, 토 메르

Answer 1

심지어 네가 여기에 질문에 태그가 없습니다 난 내 채팅 웹 응용 프로그램에 사용 JQuery와 솔루션 : 구글에서

//Where chat_message_tray is the scrollable div in your chat 
function chat_scroll(chat_messages_tray){ 
    var scroll_amount = $(chat_messages_tray).attr("scrollHeight") - $(chat_messages_tray).height(); 

    $(chat_messages_tray).animate({ scrollTop: scroll_amount}, 500); 
} 

Answer 2

DOM 요소 (좋은 것들, 어쨌든) scrollIntoView()라는 방법을 지원합니다. 마지막 채팅 항목 (<div> 또는 무엇이든)에 해당하는 DOM 요소에 대한 참조가있는 경우 scrollIntoView()을 사용하여 주변 콘텐츠를 스크롤해야 <div>을 볼 수 있도록 브라우저에 알릴 수 있습니다.

일부 복잡하거나 복잡하지 않은 어쩌면 단지 불행한 페이지 레이아웃으로, 나는 Internet Explorer가 잘못된 것을 스크롤하려고하거나 페이지에 이상한 것을하고 싶어했다. . scrollIntoView()과 같은 것의 성격은 브라우저가 스크롤을 어떻게하는지 정확히 결정하게하는 것입니다. 일반적으로 간단한 스크롤 컨테이너 ("오버플로 : 자동"및 고정 높이가있는 컨테이너)의 내용은 기본적으로 간단하지만 매우 효과적입니다.

Answer 3

http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html

3 결과 - 'DIV 스크롤바 바닥'