css3 - position - fixed의 ios 모바일 브라우저 스크롤 문제, 스크롤이 끝나면 페이지가 맨 위로 이동

POSITION:FIXED 에서 많은 문제를 발견했습니다  iOS 모바일의 속성. 그러나 그것은 내 문제를 해결하지 못했습니다. 데스크톱 및 Android 기기에서 완벽하게 작동합니다. MacBook Air에서도 마찬가지입니다.

문제 :

와이즈 비즈가있다  헤더와 position:fixed  내용 ( position:relative 사용)  정렬 용).빠른으로 스크롤하면 스크롤이 시작된 다음 갑자기 페이지 맨 위로 이동합니다. 그러나천천히스크롤하면이 문제가 표시되지 않습니다.

이것은헤더

의 코드입니다.

padding-top:height-of-header

이것은주요 콘텐츠

의 코드입니다.

.site-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}

.main-content { padding-top: 80px; position:relative; } 와 함께 시도   -webkit-overflow-scrolling: touch; .

SHOPIFY에서 개발 된 전자 상거래 웹 사이트

transform: translate3d(0,0,0);