2014-02-12 2 views
26

iOS의 모바일 사파리 (MS)에서 실행되는 간단한 모바일 앱이 있습니다. 사용자가 페이지 n 픽셀 아래로 스크롤하면 "상단"버튼이 아래에서 위로 슬라이드됩니다. 상단 버튼은 고정 된 위치입니다. 문제는 MS에서 스크롤을 시작하면 탐색 및 툴바 UI가 숨겨집니다. '상단'버튼을 탭하면 하단 툴바가 표시되고 '상단'버튼을 탭하려면 두 번째 탭이 필요합니다. 기본 버튼을 사용하지 않도록 설정하여 뷰포트의 하단 부분을 탭하여 툴바의 동작을 확인하여 상단 버튼이 예상대로 작동하도록합니다 (예 : 클릭 한 번으로 페이지 상단으로 이동)?뷰포트 하단에서 모바일 사파리가 툴바를 표시하지 못하게하기

+0

Jailbroken 기기에서이를 수행 할 수있는 방법이 있습니다. Safari Bar Lock tweak의 저자는 툴바를 제어하는 ​​방법을 뒤 흔드는 법을 관리했습니다. https://www.reddit.com/r/jailbreak/comments/1v6rfi/safari_bar_lock_tweak_to_make_safari_address_bar/ – JAL

답변

14

없음이되지 않습니다 당신은 웹 페이지의 내용이 아니라 사파리 응용 프로그램의 동작을 제어 할 수 있습니다

+2

모바일 사파리에게 이렇게하지 말라고하는 방법이 있어야합니다. 텍스트 입력에서 자동 고침 기능을 사용하지 않도록 설정하는 것만 큼 다릅니다. – nnyby

+1

두 가지가 다릅니다. 자동 고침은 앱이 요소를 렌더링하는 방법에 대한 옵션이며 그 경우 많은 것을 제어 할 수 있습니다. 사파리의 UI 동작을 변경하려고합니다. 귀하가하려는 것은 재로드 버튼의 아이콘이나 주소 표시 줄의 글꼴을 변경하려는 것과 같다고 생각합니다. – Mika

+0

OS의 동작을 제어합니다 (사용자가 기대하는 것이 아니라 귀하의 사이트가 시행하고자하는 것이 아닙니다). 매우 불쾌한 사례가 될 것입니다. – blld

6

아이폰 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

+8

그래도 Apple은 iOS 8에서 최소 UUI를 제거했습니다 : ( http://stackoverflow.com/questions/ 24889100/ios-8-removed-minimal-ui-viewport-property-are-there-other-soft-fullscreen – Styledev

4

Mika 및 typeoneerror는 정확하지만 해결 방법이 있습니다.

내가 찾은 가장 좋은 해결 방법은 (minimal-ui은 필요하지 않음) iOS Safari의 하단 탐색을 항상 열어 둘 수 있도록하는 것입니다. 이렇게하면 항상이기 때문에 창 맨 아래로 클릭하면 아래쪽 탐색이 열리지 않습니다.

이렇게하려면 JS로 일부 CSS 및 브라우저 타겟팅을 적용하기 만하면됩니다. 방법에 대한 자세한 단계 :

3

여기에 간단한 솔루션은 수익 대부분의 사업부에 50 픽셀의 패딩 바닥에 대한 추가하는 것입니다. 사파리는 하단 영역 위를 잘 클릭하지 않으면 하단 탐색 바에 액세스하려고한다고 생각하는 것 같습니다. 하단에 여분의 패딩이 있으면 사용자가 페이지에서 훨씬 더 높은 클릭을합니다 (일반적으로는 아니지만 일반적으로).

관련 문제