2013-07-25 3 views
2

글쎄, 사이드 바와 꼬리말에 position:fixed;을 사용하고 있기 때문에 스크롤하면 메인 콘텐츠가 움직이는 동안 (position:static;) 그들은 그대로 남아있게됩니다. 그러나 확대하거나 더 이상 Left/Right 때 더 이상 화면에 표시되지 않습니다. 여기 아이폰 위치 : 고정; 대안?

내가 here

는 "아이폰에 아이 패드 사파리에 사파리가 크기 조정 창문이없는 데 문제의 좋은 설명입니다. 아이폰과 아이 패드의 Safari에서 창 크기가 설정되어 화면의 크기 (Safari 사용자 인터페이스 컨트롤 제외)이며 사용자가 변경할 수 없습니다. 웹 페이지를 이동하기 위해 줌 또는 줌아웃을 위해 두 번 탭하거나 핀치 할 때 뷰포트의 줌 레벨과 위치를 변경하거나 사용자가 뷰포트의 확대/축소 수준과 위치를 변경하면 볼 수있는 고정 된 크기의 내용 영역 (즉, 창) 내에서 수행됩니다. 즉, 위치가있는 웹 페이지 요소 동영상에 "fixed" wport는 화면 밖으로 볼 수있는 콘텐츠 영역 밖에서 끝날 수 있습니다. "

답변

0

jQuery UI는 this을 해결할 수 있다고 생각합니다.

1.1.0에서 가장 주목할만한 개선이되어 진정한 고정 도구 모음

0

종종 병 때문에 이러한 이유 때문에 모바일에 고정 컨텐츠를 사용하는 것이 좋습니다,하지만 화면 부동산은 작은 가치도 있기 때문에 . 메타 관점에서 확대/축소 기능을 사용하지 않도록 설정하면 문제를 해결할 수 있지만 확대/축소가 가능하다는 점을 감안할 때 사용자 경험에 영향을 미칠뿐만 아니라이를 방지 할 수 있습니다. 그것은 대답이 아니라 몇 가지 제안입니다. 고려해야 할 것.