페이지에 div가 지정되었습니다. div가 브라우저 창의 아래쪽에있는 위치로 스크롤되는 것을 감지하는 방법 ... 브라우저 창의 아래쪽으로 플러시합니까?jquery - div의 하단이 브라우저 창의 아래쪽을 터치하고 있는지 감지하고 있습니까?
답변
체크
if (($("#yourdiv").offset().top + $("#yourdiv").height()) >= $(window).height()) {
}
.offset() 메소드는 우리가 문서 엘리먼트에 대하여의 현재 위치를 검색 할 수있다. offset 부모에 대한 현재 위치를 검색하는 .position()과 비교하십시오. 오프셋()가. 상단 사업부와 문서의 상단 사이의 공간이며, 변수 아닌
는 working demo흥미 롭습니다 만, 어떤 이유로 든 항상 true입니다. – AnApprentice
디버깅을 시도했는데 값이 변경되지 않습니다 : console.log (\t ($. "토론 박스") .office(). top + $ (". discussion- 상자 "). 높이()) + ''+ $ (창). 높이()); – AnApprentice
항상 1553 861 – AnApprentice
내가 위의 대답 일 것입니다 생각하지 않습니다를 참조하십시오. 이 나를 위해 일했다 :
var a = $("#mydiv").offset().top;
var b = $("#mydiv").height();
var c = $(window).height();
var d = $(window).scrollTop();
if ((c+d)>(a+b)) {
//bottom of #mydiv has just become visible
}
- 1. 음악이 재생되고 있는지 감지하고 있습니까?
- 2. 어떤 버전의 IE가 C#에서 OS에 설치되어 있는지 감지하고 있습니까?
- 3. 브라우저 창의 크기를 조정할 때
- 4. 사용자가 브라우저 창을 닫을 때를 감지하고 싶습니까?
- 5. C#에서 어떤 플랫폼 코드가 실행되고 있는지 감지하고 있습니까?
- 6. .NET Compact Framework - 에뮬레이터 아래에 있는지 감지하고 있습니까?
- 7. 화면이 Android에서 터치 이벤트를 보낼 수 있는지 여부를 감지하고 있습니까?
- 8. 마우스 위치가 일련의 위치 규칙 내에 있는지 감지하고 있습니까?
- 9. 디스플레이 크기에 따라 어떤 레이아웃이로드되고 있는지 감지하고 있습니까?
- 10. 브라우저 창의 위치에 상대적인 텍스트 크기 조정.
- 11. Safari에서 페이지 하단이 잘림
- 12. Jquery UI 브라우저 창의 오른쪽에서 크기 조정 div()가 작동하지 않습니다.
- 13. Jquery 조건부 div의 너비
- 14. 이미지가 (브라우저) 화면 밖에있는 것을 어떻게 감지하고 이동합니까?
- 15. 브라우저 창에서 div의 너비를 변경하지 못하게하는 방법
- 16. 문자열이 공백으로 구성되었는지 감지하고 있습니까?
- 17. 휴대 전화와 태블릿을 감지하고 있습니까?
- 18. jquery 툴팁에 div의 내용이 표시됩니다.
- 19. CSS : IE가 요소의 위쪽과 아래쪽을 잘라냅니다.
- 20. jQuery - div의 최소 높이 설정
- 21. jquery : div의 이벤트 표시/숨기기
- 22. jQuery Image Div의 호버링 스왑하기
- 23. CSS - 컨테이너를 브라우저 창의 높이 (가시 영역)로 제한
- 24. 플렉스 구성 요소의 높이를 브라우저 창의 높이에 바인딩하는 방법은 무엇입니까?
- 25. 누구든지 jQuery FTP 브라우저 플러그인을 알고 있습니까?
- 26. 태그에 속성이 있는지 확인하는 jQuery 선택기가 있습니까?
- 27. 브라우저 쿠키 읽기 ... jQuery
- 28. jQuery 브라우저 감지?
- 29. javascript에서 div의 테두리 너비/색상을 어떻게 얻을 수 있습니까?
- 30. IE 창의 Java 프레임에있는 브라우저 프레임에서 QTP find 객체를 찾으십니까?
우리가 문제를 볼 수있는 HTML 코드 또는 링크를 게시 할 수 있습니까? – rahul