IOS 의 탄력성 스크롤 솔 루 션

1191 단어 ios탄성 스크롤
탄성 스크롤 이란 긴 페이지 의 손가락 을 뒤 집어 떠 날 때 느 린 것 에서 조각 으로,빠 른 것 에서 느 린 것 으로 과도 한 것 을 말한다.
안 드 로 이 드 플랫폼 의 대부분의 브 라 우 저 는 이 행동 을 묵인 했다.
ios 는 현재아래 의 overflow 기본 값 에 만 탄성 스크롤 효과 가 발생 합 니 다.
얼마 전에 핸드폰 홈 페이지 를 만 들 었 는데
의 overflow 를 사 용 했 습 니 다.다시 디 버 깅 ios 에서 탄력 적 인 스크롤 문제 가 발생 했 습 니 다.
ios 에서 webkit 탄성 스크롤 css 명령-webkit-overflow-scrrolling:touch;
이 명령 을 다시 전환 하려 면 스크롤 처리 가 필요 한 div 는 상황 에 부 딪 힐 수 있 습 니 다.
1.이전 스크롤 에 따라 스크롤
2.시작 위치 편차
3.끈적끈적 한 차단 감(초점 잃 음)
해결 방안:

　.session{
　　　　-webkit-overflow-scrolling: touch;
　　}
1.탭 을 전환 하면 서 요소 의 overflow-scrolling 속성 을 제거 합 니 다.

$('.session').removeClass('sollow');
2.탭 전환 과 동시에 대상 div 초기 화

document.getElementById('target').scrollTop = '0px'; //
3.sollow 를 대상 요소 에 다시 불 러 오기

$('.session:eq(' + tar + ')').addClass('display sollow');
위 에서 말 한 것 은 편집장 님 께 서 소개 해 주신 IOS 의 탄력 적 인 스크롤 솔 루 션 입 니 다.여러분 께 도움 이 되 셨 으 면 좋 겠 습 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
jquery 기반 쿠키 사용법
JS 에 이벤트(바 인 딩 이벤트)코드 를 동적 으로 추가 합 니 다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage