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 853건 37 페이지
자유게시판 목록
번호 제목 글쓴이 조회 추천 비추천 날짜
313 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18709 2 0 05-16
312 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17766 2 0 05-15
311 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15111 2 0 05-15
310 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16685 1 0 05-14
309 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17683 1 0 05-14
308 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 20213 2 0 05-13
307 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15268 1 0 05-13
306 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 20161 1 0 05-12
305 토픽 no_profile 가이더 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15907 1 0 05-12
304 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 21811 1 0 05-10
303 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19324 2 0 05-10
302 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 32366 1 0 05-08
열람중 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 31521 1 0 05-08
300 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 28839 1 0 05-07
299 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 42620 1 0 05-06

검색

회원로그인

회원가입
QnA nanoomihost. dnsever. dnszi.

사이트 정보

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

접속자집계

오늘
581
어제
12,170
최대
176,238
전체
6,057,802
Copyright © apachezone.com. All rights reserved.