홈>
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
관련 자료
- git - 모바일 브라우저에서 Flutter 웹 앱을 실행하는 방법
- 브라우저와 같은 PHP CURL 요청 복제 문제
- ionic framework - Ionic4 하드웨어 모바일 백 버션 문제
- HTML issue - html 문제 - chrome 웹 브라우저에 이미지가 표시되지 않음
- javascript - 안드로이드 모바일 브라우저의 HTML 입력 상자가 열리고 터치 키패드가 빠르게 닫힙니다
- css - Google 크롬 모바일 브라우저에서 HTML i 태그가 작동하지 않는 이유는 무엇입니까?
- jquery - iOS 모바일 및 버전 문제
- node.js - ionic4 모바일 웹 브라우저 플랫폼
- reactjs - 변환 된`jsx` 코드를 브라우저에서 읽을 수있는 형식으로 축소하는 문제
- javascript - 모바일 기기에 스크롤 고정 헤더가 표시되지 않음
- html - 모바일에서 스크롤 할 때 컨테이너가 잘림
- unity3d - Unity WebGL 모바일 브라우저 해결 방법 및 키보드 입력 수정?
- css - 모바일 문제, 부트 스트랩 클래스 수정 또는 잘못된 미디어 쿼리
- javascript - 모바일 브라우저에서 작업을 제출하지 않는 이유는 무엇입니까?
- javascript - android 및 ios 모바일 장치 - 주소 표시 줄 및 탐색 표시 줄 높이를 제외한 브라우저 화면 높이 계산
- javascript - Android 모바일 관련 문제 (100vh 및 위치 고정 바닥 글 버그)
- javascript - 파이어 폭스 브라우저와 휴대 전화에서 유효하지 않은 날짜 오류
- css - 여러 부트 스트랩 모달 스크롤 문제
- javascript - 사용자가 MVC5에서 브라우저 뒤로 버튼을 클릭 할 때 데이터 검색에 문제가 있음
- java - 세로 RecyclerView 내부에있는 가로 ViewPager2 및 RecyclerView의 스크롤 문제를 해결하는 방법은 무엇입니까?
이 문제는 spotify에서 일부 타사응용 프로그램(플러그인을 호출하는 데 사용 된 방식)이 사용되었다는 것입니다. 그래서 어떻게 든 jQuery 플러그인이 충돌하고 플러그인을 제거하면 문제가 해결되었습니다. jQuery가 CSS 코드에 어떤 영향을 미치는지 모르겠습니다. 하지만 라이브러리를 제거/업데이트하면 해결되었습니다.