안녕하세요 모바일에서 카카오톡에서 친구채널에서 링크를 클릭해서 들어가면 스크롤을 위로 드래그하면 내리면 푸터가 밑으로 내려가더라구요. 근데 그냥 일반적인 다른 곳이나 채팅방에서 들어가는 링크에서는 그런 현상이 없더라구요 혹시 왜 그런지 알 수 있을까요?
현재 이미지처럼 위와같이 푸터가 위에 있어야하는데 밀리는 현상?이 발생합니다 overscroll-behavior-y: none;를 줘도
다른곳에서는 적용이 가능한데 카카오안에서는 안먹더라구요…
안녕하세요.
자세한 확인을 위해 재현 가능한 URL 부탁드립니다.
html { overscroll-behavior-y: none; }
설정시 바운스 없이 스크롤 되는 것을 확인하였는데요
어떤점이 이상하신건가요?
카카오톡 채널 로위너스에서 사이트를 타고 들어가면 바운스 현상이 잡히질 않더라구요 바운스가 되면서 푸터의 높낮이가 달라지더라구요… 근데 그냥 카카오톡 채팅에서 링크를 타고 들어가는건 이상이 없습니다.
채널 채팅방에서는 보통 사용자와 채널간 대화가 지속되기에 모달형식으로 웹뷰가 제공됩니다.
이 때 사용하는 iOS 웹뷰 특성상 최 하단 영역에서 바운스가 발생할 수 있습니다.
즉, 첨부해주신 이미지의 ----- 영역 약간의 바운스는 해당 css가 적용되지 않아 발생하는 것이 아니라 아쉽게도 채널 채팅방에서 사용하는 ios 모달 웹뷰 특성상 발생하는 현상입니다.
네 근데 hago라는 사이트는 카카오 플친으로 들어가서 클릭한 사이트는 안바뀌더라구요 차이가 있을까요?
해당 사이트는 하단 메뉴와 콘텐츠 영역을 구분하고 콘텐츠 영역 높이를 고정하여 스크롤을 제어하고 있습니다.
해당 사이트와 같이 표시하고자 하신다면 해당 사이트의 css를 참고하시면 좋을것 같습니다.
넵 감사합니다.