>

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);

  • 답변 # 1

    이 문제는 spotify에서 일부 타사응용 프로그램(플러그인을 호출하는 데 사용 된 방식)이 사용되었다는 것입니다. 그래서 어떻게 든 jQuery 플러그인이 충돌하고 플러그인을 제거하면 문제가 해결되었습니다. jQuery가 CSS 코드에 어떤 영향을 미치는지 모르겠습니다. 하지만 라이브러리를 제거/업데이트하면 해결되었습니다.

관련 자료

  • 이전 파이썬에서 정규 표현식을 사용하여 텍스트를 문장으로 나누기
  • 다음 java - Apache POI를 사용하여 시스템 날짜 형식에 상관없이 Excel에서 형식으로 날짜 읽기