2011-12-05 2 views
0

현재 portfolio website에서 작업 중입니다. 가능한 한 많은 하드웨어를 최적화하려고하고 있으므로 타블렛에서 내 사이트를 살펴 보았습니다. 파머. 나는 성공적으로 다음과 같은 CSS를 사용하여 만든 창 하단에에 '스틱'을 필요로하는 바닥 글이 :이 창 하단에 부착되지 않은 태블릿에게재 순위 : 태블릿에서 고정 되었습니까?

footer { 
    position: fixed; 
    bottom: 0px; 
    height: 100px; 
    width: 100% 
} 

그러나, 그러나 아래 유혹 나머지 콘텐츠 (HTML에 넣은 부분). 즉, 페이지에 내용이 많지 않은 경우 바닥 글은 페이지 중간에 배치됩니다. 나는 잠시 동안 인터넷 검색을했고, 일부 태블릿이 고정 위치 지정을 지원하지 않는다는 사실을 알게되었습니다.

누구든지이 문제의 해결 방법을 알고 있습니까?

+1

iOS5를 실제로 지원 위치가 수정되었습니다 ... 안드로이드는 잠시 그것을 지원하고 수행 ... 유일하고 진정한 해결 방법은 CA에 자바 스크립트 솔루션입니다 스크롤 오프셋의 위치를 ​​계산하고 그에 따라 바닥 글을 이동하십시오. –

+0

당신은 또한 이것을 시도 할 수도 있습니다 : http://stackoverflow.com/questions/4889601/css-position-fixed-into-ipad-iphone –

+0

모든 오른쪽 thanx들, 내가 위치까지 기다려야 할 것 같아 고정 : 고정; 모든 태블릿에서 지원됩니다. 이제 태블릿 미디어 쿼리를 작성하겠습니다! –

답변

1

좋아, 나는 내 자신의 질문에 답을 해줄 것이다. Darek Rossman 덕분에 흥미로운 링크를 발견했습니다. 요점은 점차 고정 된 위치가 점차적으로 태블릿에 대한 지원을 얻고 있기 때문에이 문제가 더 이상 문제가되지 않는 것은 시간 문제입니다. 해결 방법은 나를 위해 일하는 것 같다 자바 스크립트 솔루션 Darek Rossman 그의 첫 번째 언급에서 언급했다. 그러나 자바 스크립트는 여전히 일부 태블릿에서 완벽하게 작동하지 않습니다. 더 나은 시간이 오기 전까지는 (미디어 쿼리를 사용하여) 태블릿에 다른 스타일 시트를 사용하겠습니다. 재미있는 것을 게시 한 Darek Rossman에게 특별히 감사드립니다! 그들은 또한 "점진적 개선"에 대한 더 많은 훌륭한 플러그인을 만들었습니다 Fixed-Fixed

를 여기에서 체크 아웃 : 필라멘트 그룹에서

0

미세 사람들이 이것에 대한 플러그인을 만들어, 여기를 확인 SouthStreet 그들이 여기 웹 사이트있어에서

그들과 함께 계속 : Filamentgroup