사용자 지정 대화 상자 스크롤 막대 항상 아래쪽에 표시

Question

사용자 지정 대화 상자가 있습니다. 나는 overflow-y를 추가하여 스크롤했다. 이제 텍스트 상자에 내용을 쓸 때마다 스크롤바 창에 나타납니다. 필자가 작성한 마지막 메시지를 스크롤바 창에 표시 할 수 있습니다. 필자의 경우에는 항상 맨 위를 보여줍니다. .. 당신의 사업부를 가정 당신이 시도 할 수 자바 스크립트에서

Answer 1

는 ID를 scrollTop = document.getElementById를 ("스크롤") scrollHeight ("스크롤") "scrolling"

document.getElementById를있다;

여기서 scrollTop은 객체가 스크롤되는 픽셀 수이며 scrollHeigth는 오버플로로 인해 볼 수없는 내용을 포함하여 요소 콘텐츠의 전체 높이를 나타냅니다. 중요

은 :

위의 코드는 스크립트에 올바른 위치에 있으므로이 위치해야 할 새로운 메시지가 chatbox에 나타납니다 때마다 실행해야합니다.

출처 :

https://developer.mozilla.org/en-US/docs/DOM/element.scrollTop

https://developer.mozilla.org/en-US/docs/DOM/element.scrollHeight

또 다른 해결책 :

아마 당신도 다음은 iframe을 사용하여 메시지를 앵커 (#idOfLastMessage)을함으로써 그것을 할 수있는, div 대신에 www.yoursite.com/url-of-the-message-list#idOfLastMessage를 가리키고 있습니다.