모바일 사파리 고정 위치 바닥 글 문제

모바일 사파리 고정 위치 바닥 글은 어떻게 속해 있고 튀어 나오지 못하게합니까?모바일 사파리 고정 위치 바닥 글 문제

이미 귀하의 코드는 무엇입니까? – Ivo

@Ivo Jonkers 그는 이미 자신의 질문에 대답했습니다. 나는 OP가 단지이 범위에 관한 그의 발견을 몇 분 안에 질문하고 대답 할 때 공유하고 싶다고 생각합니다 : P – Eli

haha dit 그 것을 보지 못했습니다 – Ivo

좋아 - 나는 미쳐 가기 전에 이걸 풀었다. 모든 상황에서 작동하는지 모르겠지만 내 iPhone 4의 매력처럼 작동합니다.

당신은 같은 것입니다 적절한 CSS를 가지고 가정 :

body { 
    height:100%; 
} 

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

을 당신은 모바일 장치에 대한 뷰포트 설정 -

이 솔루션은 나를 위해 완벽하게 작동합니다. jQuery를 사용하고 있지만 jQueryMobile은 사용하지 않습니다. 자바 스크립트/JQ 코드의이 작은 비트 모든 것을 해결, 거기에는 수신 거부 또는 기타 시각적 그것을 실수하지 :

document.ontouchstart=function(){ 
    $('#footer').animate({bottom:0},1); 
}

는 그리고 그건! 희망이 누군가에게 도움이됩니다.

2012-12-28 05:01:32 user1167442

답변