iOS의 모바일 사파리 (MS)에서 실행되는 간단한 모바일 앱이 있습니다. 사용자가 페이지 n 픽셀 아래로 스크롤하면 "상단"버튼이 아래에서 위로 슬라이드됩니다. 상단 버튼은 고정 된 위치입니다. 문제는 MS에서 스크롤을 시작하면 탐색 및 툴바 UI가 숨겨집니다. '상단'버튼을 탭하면 하단 툴바가 표시되고 '상단'버튼을 탭하려면 두 번째 탭이 필요합니다. 기본 버튼을 사용하지 않도록 설정하여 뷰포트의 하단 부분을 탭하여 툴바의 동작을 확인하여 상단 버튼이 예상대로 작동하도록합니다 (예 : 클릭 한 번으로 페이지 상단으로 이동)?뷰포트 하단에서 모바일 사파리가 툴바를 표시하지 못하게하기
답변
없음이되지 않습니다 당신은 웹 페이지의 내용이 아니라 사파리 응용 프로그램의 동작을 제어 할 수 있습니다
모바일 사파리에게 이렇게하지 말라고하는 방법이 있어야합니다. 텍스트 입력에서 자동 고침 기능을 사용하지 않도록 설정하는 것만 큼 다릅니다. – nnyby
두 가지가 다릅니다. 자동 고침은 앱이 요소를 렌더링하는 방법에 대한 옵션이며 그 경우 많은 것을 제어 할 수 있습니다. 사파리의 UI 동작을 변경하려고합니다. 귀하가하려는 것은 재로드 버튼의 아이콘이나 주소 표시 줄의 글꼴을 변경하려는 것과 같다고 생각합니다. – Mika
OS의 동작을 제어합니다 (사용자가 기대하는 것이 아니라 귀하의 사이트가 시행하고자하는 것이 아닙니다). 매우 불쾌한 사례가 될 것입니다. – blld
아이폰 OS 7.1의 경우, UI 최소화하기 위해 헤더에이를 설정할 수 있습니다..
<meta name="viewport" content="width=device-width, minimal-ui">
그것을 iOS 7.1 베타 2에서 소개되었습니다.이 사이트는 최소 사용자 작동 방식을 이해하는 데 도움이되었습니다. http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs
그래도 Apple은 iOS 8에서 최소 UUI를 제거했습니다 : ( http://stackoverflow.com/questions/ 24889100/ios-8-removed-minimal-ui-viewport-property-are-there-other-soft-fullscreen – Styledev
Mika 및 typeoneerror는 정확하지만 해결 방법이 있습니다.
내가 찾은 가장 좋은 해결 방법은 (minimal-ui
은 필요하지 않음) iOS Safari의 하단 탐색을 항상 열어 둘 수 있도록하는 것입니다. 이렇게하면 항상이기 때문에 창 맨 아래로 클릭하면 아래쪽 탐색이 열리지 않습니다.
이렇게하려면 JS로 일부 CSS 및 브라우저 타겟팅을 적용하기 만하면됩니다. 방법에 대한 자세한 단계 :
여기에 간단한 솔루션은 수익 대부분의 사업부에 50 픽셀의 패딩 바닥에 대한 추가하는 것입니다. 사파리는 하단 영역 위를 잘 클릭하지 않으면 하단 탐색 바에 액세스하려고한다고 생각하는 것 같습니다. 하단에 여분의 패딩이 있으면 사용자가 페이지에서 훨씬 더 높은 클릭을합니다 (일반적으로는 아니지만 일반적으로).
- 1. 모바일 사파리가 CSS 변환 rotateX를 표시하지 않고 rotateY 만 rotateZ
- 2. 모바일 뷰포트
- 3. 모바일 사파리가 미디어 쿼리를 무시합니다.
- 4. 모바일 사파리가 캐싱을 중지하지 않습니다.
- 5. VBscript 앱이 콘솔 창을 표시하지 못하게하기
- 6. CSS로 뷰포트 모바일 웹 사이트 뷰포트
- 7. 모바일 웹 사이트가 뷰포트 너비에 따라 이미지를 표시하지 않습니다.
- 8. 하이브리드 모바일 앱 뷰포트
- 9. Snap View 모바일 뷰포트
- 10. jQuery 모바일 뷰포트 높이
- 11. 모바일 에뮬레이터를 사용하는 모바일 개발 용 뷰포트
- 12. 모바일 사파리가 이미지로드 중 AJAX/JQUERY 사용시
- 13. 모바일 사파리가 SQLite DB를 만들 수 없습니다.
- 14. 모바일 사파리가 텍스트 영역에 집중할 수 없음
- 15. IE8에서 ShowBrowserBar()가 툴바를 표시하지 않습니다.
- 16. Froala WYISWYG 편집기가 툴바를 표시하지 않습니다.
- 17. GWT "뷰포트"모바일 화면 스크롤
- 18. 모바일 키보드 크기 조정 뷰포트
- 19. 반응 형 모바일 디자인 뷰포트
- 20. 뷰포트 설정이 모바일 문제가 있습니다.
- 21. 전체 화면을 표시하지 않는 모바일의 뷰포트
- 22. 데스크톱 브라우저에서 뷰포트 크기 조정
- 23. 모바일 웹 브라우저에서 고정 뷰포트 크기 유지
- 24. 은 화면 크기보다 모바일 뷰포트 크기가 큽니까?
- 25. 비주얼 뷰포트와 모바일 장치의 레이아웃 뷰포트
- 26. JS 모바일 뷰포트 방향 변경 감지
- 27. 모바일 사파리의 메타 뷰포트 속성을 동적으로 변경합니다.
- 28. 모바일 사파리에서 회전 문제를 일으키는 뷰포트 설정
- 29. 모바일 화면/뷰포트 크기 감지 - 자바 스크립트
- 30. 모바일 키보드 html 뷰포트 크기 변경
Jailbroken 기기에서이를 수행 할 수있는 방법이 있습니다. Safari Bar Lock tweak의 저자는 툴바를 제어하는 방법을 뒤 흔드는 법을 관리했습니다. https://www.reddit.com/r/jailbreak/comments/1v6rfi/safari_bar_lock_tweak_to_make_safari_address_bar/ – JAL