2016-06-02 9 views
1

모바일 장치 및 데스크탑 브라우저 용 SPA에서 iOS의 오버 플로우/고무 밴드 스크롤을 방지하려면 position: fixed<body>에 설정해야합니다.'<body>'에`position : fixed`가 문제가 있습니까?

position: fixed<body>의 수정 사항은 항상 다소 해킹되어 문제를 일으킬 수 있습니다. 내가 명확히하고 싶었 이유

은 다음과 같습니다

어린이들 (즉, 적재 상황, Z-색인 컨텍스트, 정적/상대/절대/고정 위치에 대한 조심하는 알려진 문제 /주의/일이 있습니까)/... 추가 할 때 position: fixed to <body>

+0

아마는 더 좋을 것이다. – Justinas

답변

1

"position : fixed"는 브라우저 창에 상대적으로 배치 된 "요소"와 관련이 있습니다. 웹 페이지 브라우저 확대/축소는 웹 페이지의 영향을받습니다. IE6 이하도이 문제를 해결할 것입니다. html로에 대한 다음

html, body { height: 100%; overflow: auto; } 

body .element { position:fixed; bottom: 0; } 

: 나는 어떤을 듣지 못한

<body> 
<div class="element"> 
    (everything else inside here) 
</div> 
</body> 
+0

누군가가 여전히 <= IE6를 지원하고 있습니까? – Justinas