Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]

IOS에서의 툴바 메뉴 Top에 붙이기(android포함) > 자유게시판

본문 바로가기
사이트 내 전체검색

자유게시판

토픽 IOS에서의 툴바 메뉴 Top에 붙이기(android포함)

페이지 정보

본문

position: -webkit-sticky;

position: sticky;

top: 0;

으로 하면 최신 안드로이드에서 메뉴가 잘 붙어 있네요.

 

소프트 키보드가 올라오면 아이폰에서는 붙어 있지 않게 되네요..

 

구글 검색으로 찾아 보니.  스택에.. https://stackoverflow.com/questions/58226087/position-sticky-doesnt-work-when-virtual-keyboard-is-open-in-safari

 

별도로 Visual Viewport API를 별도로 구현해야 된다고 합니다.

 

다행히 IOS 13이상부터 지원한다고 합니다.

추천1 비추천0

댓글목록

profile_image

imerong님의 댓글

no_profile imerong 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (1.♡.♡.59) 작성일

ios 13 이전 구세대 기기들과는 호환이 안되겠군요. 참 여러가지 지원한다는게 어려운 일입니다.

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.♡.2) 작성일

이 에디터는 이전 제품에 대해서는 호환성 무시하고,  잘 되는 것만 골라서 보다 확실하게 지원하자는 것입니다.

profile_image

무와보님의 댓글

무와보 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (175.♡.♡.20) 작성일

스택 보니까 생각났습니다.
예전에 Fullscreen Slide를 구현하면서 이 문제 때문에 고생했는데 IOS의 모든 브라우저가 이 문제를 가지고 있고 현재는 IOS>Safari에서 유독 두드러지는 문제라고 알고 있습니다.

응용할만한 소스 하나 투척합니다.
[code]
/*JS way for setting height: 100vh to slides' height*/
const $slides = $(".mwb-owl-full .owl-item");
$slides.css("height", $(window).height());
$(window).resize(() => {
  $slides.css("height", $(window).height());
});
[/code]

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.♡.2) 작성일

감사합니다. Vditor 코드내에서 처리해야 될것 같아서. Visual Viewport를 검토해 달라고 요청을 해  놨습니다.
키보드가 올라오면서 실제로 보여주는 화면 사이즈가 달라져서 sticky 옵션이 무너진다는 내용 같습니다.

Total 386건 17 페이지
자유게시판 목록
번호 제목 글쓴이 조회 추천 비추천 날짜
146 제보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16485 1 0 05-14
145 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15214 1 0 05-14
144 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17667 1 0 05-14
143 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15214 0 0 05-14
142 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 20192 2 0 05-13
141 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15252 1 0 05-13
140 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15930 1 0 05-12
139 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15974 1 0 05-12
138 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 21787 1 0 05-10
137 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19296 2 0 05-10
136 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17444 1 0 05-10
135 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 28150 1 0 05-10
134 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 32343 1 0 05-08
열람중 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 31502 1 0 05-08
132 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 28825 1 0 05-07

검색

회원로그인

회원가입
QnA nanoomihost. dnsever. dnszi.

사이트 정보

포인트 정책
포인트 순위
사이트명 : 아파치존
개인정보관리책임자 : JOO SUNG

접속자집계

오늘
7,653
어제
11,873
최대
176,238
전체
6,052,704
Copyright © apachezone.com. All rights reserved.