2014-10-20 7 views
9

고정 된 위치에 요소가있는 모듈이있는 모바일 프로젝트에 불을 붙이고 있습니다. 직면 한 문제는 iOS에서 실행되는 브라우저에서만 발생합니다. 정확한 문제는 페이지의 본문 위로 스크롤 할 때마다 맨 아래 툴바를 말한 것처럼 고정되어 전체 고정 요소가 각각 스크롤과 함께 이동하고 스크롤이 완전히 끝나면 다시 돌아옵니다. 할당 된 장소.iOS의 위치 고정 요소 스크롤링 문제

페이지의 본문에 상대적인 CSS 규칙을 지정했습니다. iOS에서만 발생합니다.

.add-to-block { 
    background: #fff; 
    position: fixed; 
    bottom: 0px; 
    right: 0px; 
    display: block; 
    height: auto; 
    width: 100%; 
    *(inner content element) { 
     inner content element styling... 
    } 
} 
+0

고칠 수 있습니까? 나는 2017 년에 이오닉 2와 같은 문제를 겪고있다. 안드로이드에서 내 navbar는 잘 동작하지만, IOS에서는 스크롤과 함께 움직인다. 그리고 멈출 때, 그것의 위치로 돌아 간다. –

답변

2

있다가 (아마도 iOS8의에 고정) 잠시 동안 iOS에서 알려진 문제로되어있는 한 정말이에 쉽게 대답을하지 않습니다하지만 당신에게 그것을 해결하기 위해 몇 가지 방법을 제공합니다 https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios이 모든 사항 ios 기기에서 위치가 고정 된 문제 및 사용해야하는 경우이를 해결할 수있는 방법.