질문: 상단 및 하단 스크롤바를 기본적으로 하단에 배치하려면 어떻게 해야 합니까? 데이터가 많이 들어가는 채팅 도구인데 새로고침할 때마다 표시됩니다. 기본적으로 맨 위에 있습니다. 채팅 기록을 보려면 아래로 스크롤해야 합니다. 아래에 표시되도록 하는 방법이 있나요?
답변: window.scrollTo(0,9999999)를 직접 작성하세요. iframe을 설정하거나 div
코드 복사와 같은 컨테이너의 scrollTop을 설정합니다. 코드는 다음과 같습니다.
document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0 ,9999999)
이것은 아래에서 해결되지만, 새로운 정보가 추가되면 스크롤바가 자동으로 하단으로 이동하지 않습니다. QQ 채팅창처럼 새로운 콘텐츠가 있으면 자동으로 하단으로 이동하기를 바랍니다. 어떻게 해결해야 할까요?
그런 다음 현재 생성된 콘텐츠의 위치, 즉 상단 또는 여백 상단을 결정한 다음 스크롤 막대의 높이를 설정하면 됩니다. 새로운 데이터를 얻을 때마다 window.scrollTo(0,9999999) 메소드를 호출하여 이 문제를 해결하세요!