오른쪽 상단의 고정 위치 버튼을 클릭하면 표시되는 탐색 메뉴가있는 모바일 웹 사이트가 있습니다. 이 메뉴는 메뉴의 맨 위가 버튼 하단에서 10 픽셀 아래로 시작되도록 고정되어 있습니다. 문제는이 탐색 메뉴가 사용중인 장치의 높이보다 더 길 수 있고 시도하고 스크롤 할 때 탐색 메뉴 뒤의 내용이 고정 된대로 스크롤한다는 것입니다. 누군가이 문제를 해결하도록 도와 줄 수 있습니까?모바일에서 오버레이 div 스크롤 방법
1
A
답변
2
내 의견에 따라 경찰 :
당신은 메뉴 화면의 높이, 상단을 찾기 위해 JS를 사용하여 신장이
의 차이로 메뉴의 최대 높이를 설정해야합니다 윈도우의 브라우저 상단에서 메뉴의 거리 $('window').height()
를 사용 $('.menu').offset()
기능은 쇼 메뉴 이벤트 리스너에 거주해야합니다
를var maxHeight = $(window).height() - $('.menu').offset();
$('.menu').css({ "max-height" :maxHeight})
overflow:scroll;
는 "menu
당신은 화면의 높이를 찾기 위해 JS를 사용할 필요가
1
는 클래스와 사업부를 넣어해야 할 일은 스크롤 내용이 탐색 메뉴 내에서 (나는 scrollable
를 선택) 다음의 라인을 따라 뭔가 해당 사업부의 CSS를 설정 :
div.scrollable{
overflow : auto;
position : relative;
}
그런 식으로 메뉴의 전체 위치가 고정 된 상태에서 div (탐색 메뉴의 내용)는 스크롤 할 수 있습니다.
관련 문제
- 1. 오버플로 드래그 방법 : 모바일에서 숨겨진 div
- 2. 오버레이 div - 내용만큼 스크롤하십시오.
- 3. 스크롤 할 때 오버레이 닫기
- 4. 모바일에서 전폭 div
- 5. 모바일에서 div 너비
- 6. 모바일에서 오버플로되는 콘텐츠가있는 스크롤 된 고정 된 div
- 7. 자식 컨테이너의 상자 그림자 오버레이 스크롤 막대
- 8. 오버레이 Div 이미지
- 9. JQuery와 DIV 오버레이 호버
- 10. div-hover의 오버레이 위치
- 11. 가운데 삽입 오버레이 div
- 12. 전체 사이트 오버레이 div?
- 13. 오버레이 내부에 div 배치
- 14. 오버레이 팝업 후 div 크기 조정 핸들이 아래로 스크롤
- 15. 실버에서 스크롤 오버레이
- 16. 스크롤 가능한 오버레이
- 17. 모바일에서 터치 스크롤 - 입력 문제
- 18. 모바일에서 스크롤 이벤트 화재 지연
- 19. 모바일에서 스크롤 할 수 없습니다.
- 20. 모바일에서 스크롤 할 수 없습니다.
- 21. jquery 모바일에서 스크롤 끝에 데이터로드
- 22. 안드로이드에서 스크롤 jQuery 모바일에서 작동하지 않습니다
- 23. jquery로 div 전체 화면 div 오버레이
- 24. 스크롤 DIV
- 25. 스크롤 가능한 요소가 오버레이 div에 의해 차단되었습니다.
- 26. 모바일에서 Skrollr를 고치는 방법?
- 27. Google지도에서 스크롤 할 때 오버레이 레이어를 조정하는 방법
- 28. div 테두리 상단의 오버레이 이미지
- 29. CSS div 오버레이 및 jQuery
- 30. 오버레이 div 요소없이 이동없이 줌
, 메뉴의 상단, 이러한 차이에 메뉴의 높이를 설정하여 설정 및 설정되어 있는지 확인합니다 오버 플로우 : 스크롤; " 메뉴에서 –
감사합니다. $ (window) .height()가 작동해야합니까? – lisburnite
네, 그리고 브라우저 위쪽에서 메뉴의 거리를 찾고자 할 때'$ ('. menu')를 사용하십시오 : offset()' –