화면에서 스크롤 할 때 페이지의 맨 위에 고정되는 요소가 필요한 페이지를 작성합니다. 나는 position:absolute
을 사용하여이 작업을 수행했습니다. 모든 것이 완벽하게 작동했지만 기세 스크롤이 필요했습니다. 스크롤 영역의 CSS에 -webkit-overflow-scrolling: touch
을 추가했습니다. 이것은 모든 것을 망 쳤어. position:absolute
의 끈적 끈적한 요소는 이제 나머지 콘텐츠와 함께 스크롤됩니다.-webkit-overflow-scrolling은 절대 위치 지정을 끊습니다.
내 질문은 이것이다 :
왜 -webkit-overflow-scrolling: touch
가 절대 위치에 영향을 미치지 않습니다
업데이트 : 하위 요소가 "고정"되거나 "고정되지 않을"때마다 경고를 추가했습니다. 알림이 계속해서 발동되므로 스타일이 적용되고 있지만 작동하지 않습니다. 이것은 스크롤 위치를 추적하는 데는 문제가되지 않지만 스타일링에 문제가 있음을 의미합니다.
업데이트 : 나는 position: fixed
대신 position: absolute
의 및 -webkit-overflow-scrolling
를 사용하여 시도 파산 너무
UPDATE : 파고를 많이 후, 나는이 문제 here 및 here에 대한 참조를 발견했다. 그러나 두 경우 모두 유일한 해결책은 DOM을 재구성하여 끈적한 요소가 스크롤 영역에 있지 않도록하는 것입니다. 내 경우에는이 일을하기가 어려우므로 그렇게하지 않아도됩니다. ios5 이후로 일이 진행되었거나 여전히 유일한 옵션입니까?
이것은 여전히 iOS 10 – joeyhoer