iOS 기기 및 Galaxy Tab에서 고정 푸터가 작동하지 않습니다.

내 웹 페이지에서 바닥 글을 수정할 수있었습니다. 이 모든 주요 브라우저에서 작동iOS 기기 및 Galaxy Tab에서 고정 푸터가 작동하지 않습니다.

#footer 
{ 
    position:fixed; 
    left:0px; 
    bottom:0px; 
}

(IE 8, 사파리, 파이어 폭스) :

나는 내 CSS 파일에 다음 사용.

그러나 iOS 기기 (iPod & iPad) 및 Galaxy 탭에서이 페이지를 테스트하면 바닥 글이 하단에 고정되지 않습니다. 오히려 페이지가 스크롤 될 때 바닥 글은 위 아래로 스크롤됩니다.

누구든지이 문제를 해결할 수 있습니까? 모바일 클라이언트에서 작동하는 경우 데스크톱 브라우저에서 현재 동작을 중단하지 않도록하고 싶습니다. 간단히 말해서 둘 모두를위한 솔루션입니다.

미리 감사드립니다.

출처

2011-04-27 Mahendra Liya

@Bart Kiers : 동의 ... 그 일 경우이 같은 문제를 가로 질러 오는 사람들 다른 오해 것 사실 .. 문제가 해결되지 않는 답변을 받아 들일 바람직하지 .. 그러나, 나는 실제로 도움이되는 나의 질문 (들)에 대한 대답 (들)을 확신한다, 나는 투표하고 대답을 받아 들인다. @Niklas : 당신은이 쓸모없는 코멘트를 만들면 안된다. 당신은 해결책을 제공했을 것입니다 :-) –

@Niklas, 네, OP 질문의 다른 두 페이지를 놓쳤습니다. 여기서 똑똑한 엉덩이처럼 행동 할 필요가 없습니다.내 요점은 여전히 다른 사람들이 대답을 받아들이도록 강요 할 수 없다는 것입니다. 그렇지 않으면 대답을 얻지 못합니다. 68 %는 괜찮은 숫자입니다. –

'(그럴 경우 받아들이 기 어렵 겠지만, 동의하지 않겠습니까?)'- 잘못된 사실을 지닌 똑똑한 엉덩이 주석은 나를 미안하게합니다. 그러나 이것을 떨어 뜨리고 계속 나아가 자. – Niklas

확인시

자동 새로 고침,

가 나는 문제를 자신을 해결했다. 질문에 게시 한 코드는 모든 최신 데스크톱 브라우저에서 잘 작동합니다.

나는 iScroll을 사용했습니다. iScroll의 문제점은 Firefox 3.6으로 제대로 작동하지 않는다는 것입니다. 그래서 브라우저가 Firefox으로 감지되면 wrapper이 iScroll 인 id을 "" (빈 문자열)로 설정합니다. 이렇게하면 브라우저가 이전 코드를 사용하게됩니다.

이것이 모든 데스크톱 + 모바일 브라우저에서 작동하는 방식입니다. 이 다른 사람에게 도움이

희망,

출처

2011-04-28 19:54:52

-1

Google은 내 친구입니다. http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/!

출처

2011-04-27 07:48:17 MatTheCat

Android에서는 작동하지 않습니다. –

http://stackoverflow.com/questions/2784889/android-web-app-positionfixed-broken? – MatTheCat

그럼 파이어 폭스에서 깨집니다. "http://doctyper.com/stuff/iphone/fixed/" –

http://cubiq.org/dropbox/iscroll4/examples/simple/