> 웹 프론트엔드 > JS 튜토리얼 > iframe 상단 및 하단 스크롤바를 기본적으로 하단에 구현하는 방법_기본지식

iframe 상단 및 하단 스크롤바를 기본적으로 하단에 구현하는 방법_기본지식

WBOY
풀어 주다: 2016-05-16 17:47:05
원래의
919명이 탐색했습니다.
질문: 상단 및 하단 스크롤바를 기본적으로 하단에 배치하려면 어떻게 해야 합니까? 데이터가 많이 들어가는 채팅 도구인데 새로고침할 때마다 표시됩니다. 기본적으로 맨 위에 있습니다. 채팅 기록을 보려면 아래로 스크롤해야 합니다. 아래에 표시되도록 하는 방법이 있나요?
답변: window.scrollTo(0,9999999)를 직접 작성하세요. iframe을 설정하거나 div
코드 복사와 같은 컨테이너의 scrollTop을 설정합니다. 코드는 다음과 같습니다.

document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0 ,9999999)

이것은 아래에서 해결되지만, 새로운 정보가 추가되면 스크롤바가 자동으로 하단으로 이동하지 않습니다. QQ 채팅창처럼 새로운 콘텐츠가 있으면 자동으로 하단으로 이동하기를 바랍니다. 어떻게 해결해야 할까요?

그런 다음 현재 생성된 콘텐츠의 위치, 즉 상단 또는 여백 상단을 결정한 다음 스크롤 막대의 높이를 설정하면 됩니다. 새로운 데이터를 얻을 때마다 window.scrollTo(0,9999999) 메소드를 호출하여 이 문제를 해결하세요!
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿