요소의 스크롤 막대가 맨 아래에 있으면 JQuery를 어떻게 체크 인하겠습니까? HTML 구조는이JQuery - 모든 브라우저에서 스크롤 막대가 맨 아래에 있는지 확인하는 방법
<div class="container">
<ol class="list">
<li class="item">Item 1</li>
....
</ol>
</div>
.container 같은 것입니다 ol.list 아래의 항목이 정의 된 높이를 넘어 경우 스크롤을 얻는 것입니다.
컨테이너의 scrollTop() jQuery 값이 domelement의 scrollHeight에서 컨테이너 높이를 뺀 것과 같은지 확인하십시오. 그런 다음 스크롤 막대가 아래에 있습니다.
편집 : IE7에 있기 때문에, scrollHeight 실제로 높이보다 작은 것보다는 내용이 더 작은, 그래서 항상 심지어 사실 결과를 만들기 위해 동일한보다 큰 사용한다면 높이와 동일 스크롤 바가없는 경우
나는 또한 바이올린 링크를 업데이트했습니다.
아래 함수를 사용하여 컨테이너의 높이를 얻고이 높이를 사용하여 정의 된 높이와 비교하여 스크롤 막대가 있는지 여부를 알 수 있습니다.
$('.list').height()
내 질문에 오해 한 것 같습니다. 내가 찾고있는 것은 스크롤바가 보이는지 확인하는 것이 아니라 스크롤바가 아래쪽에 있는지 확인하는 것이다. – arvinsim
오버플로의 경우 오버플로가 auto, scroll 또는 hidden으로 설정된 경우 scrollHeight는 오버플로 : auto의 경우 스크롤 막대가 나타나지 않도록 필요한 높이가됩니다. 높이 및 scrollHeight 값이 경고 된 업데이트 된 링크를 확인하십시오. http://jsfiddle.net/KxZDK/1/ 편집 : 아, 내 의견을 본 사용자가 자신의 의견을 삭제 한 것으로 보입니다. 나는이 내 코멘트를 유지할 것이다. –
죄송합니다. 제 의견은 완전하지 못했습니다. 몇개의 jsfiddle 인스턴스가 섞였습니다 ... https://developer.mozilla.org/en/DOM/element.scrollHeight에 따라 scrollHeight 속성은 IE <8 – Melvin
에서 지원되지 않습니다. jsfiddle에서 시도해 보았습니다. IE7의 유일한 차이점은 scrollHeight가 높이보다 작은 값을 표시 할 수 있다는 것입니다. 나는 그 말을 해답을 고쳤다. 그것보다 더 잘 작동, 심지어 때 확대 (일부 사람들은 페이지가 확대 될 때 이상한 작품을 읽는 검색하여). –