APP ID : 1032396
안녕하세요. 인앱 브라우저에서 아래와 같이 설정한 스크롤 overflow 속성이 적용되는 경우가 있고 안되는 경우가 있어서 확인 요청드립니다.
document.body.style.overflow = ‘hidden’
해당 속성은 첨부한 동영상 초반에 인트로 애니메이션이 실행될 때 적용됩니다.
크롬, 사파리 등 에서는 정상 동작하지만 일부 카카오톡 인앱 브라우저에서는 적용이 되지 않고 스크롤이 동작합니다.
- 카카오톡 버전은 모두 [25.3.5] 버전
- 아이폰 12프로 및 13프로맥스 정상 동작
- 아이폰 14프로 및 16프로에서 적용되지 않음
확인 가능한 URL은 다음과 같습니다.
http://toourguest.com/cards/jnhj
확인 부탁드려요.
안녕하세요.
데브톡에서는 디벨로퍼스 관련 설정과 API, SDK를 안내하고 있습니다.
카카오톡의 기능인 인앱브라우저는 카카오톡 고객센터에 문의하셔야합니다.
( 문의하실때, 해당 개발팀이 접수 받을 수 있도록 “개선, 제안” 분류로 접수해주세요. )
위와 별개로
저도 어떤 상황인지 확인해보도록 하겠습니다.
각각의 기기 iOS 버전이 어떻게 되나요?
카카오톡 버전이 동일한 것으로 볼때 iOS 웹뷰 종속적 문제로 추정되는데요.
iOS 15 이상부터는 body에 overflow: hidden을 줘도 터치 스크롤이 막히지 않는다는 이야기가 있어 테스트 하신 기기 OS 버전 종속적 문제인지 확인 먼저 부탁드립니다.
tim.l
4
네, 그렇다면 위 안내와 같이 카카오톡 고객센터 “개선, 제안” 분류로 접수 부탁드릴게요~
1개의 좋아요
tim.l
5
유사 최신 iOS 버전, 동일 톡버전에도 기조에 따라 다른 증상이 있는 부분에 대해
일관된 동작하도록 카카오톡 고객센터에 개선,제안 하시더라도
카카오톡 배포 될때까지 기다려야하고 이용자들이 최신버전 업데이트 받는다는 보장도 없으므로
결국 운영하시는 서비스에서 추가적으로 기능 검토는 하셔야할 것으로 보입니다.
- document.body.style.overflow = ‘hidden’; 추가
- 스트립트가 아닌 태그에 설정
등 동작하는 방식 추가로 검토 해보시면 좋을 것 같습니다.
1개의 좋아요