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 1,553건 69 페이지
자유게시판 목록
번호 제목 글쓴이 조회 추천 비추천 날짜
533 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17268 1 0 05-10
532 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 27968 1 0 05-10
531 제보 no_profile 그누고수가될꼬야 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16589 1 0 05-09
530 후기 웹지기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 24809 1 0 05-08
529 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 32035 1 0 05-08
열람중 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 31302 1 0 05-08
527 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 28539 1 0 05-07
526 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 42321 1 0 05-06
525 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18753 1 0 05-06
524 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 22137 1 0 05-05
523 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 28399 0 0 05-05
522 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 24026 1 0 05-05
521 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 31632 0 0 05-04
520 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 21070 0 0 05-04
519 후기 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 60747 1 0 05-04

검색

회원로그인

회원가입
QnA nanoomihost. dnsever. dnszi.

사이트 정보

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

접속자집계

오늘
4,178
어제
11,072
최대
176,238
전체
5,959,282
Copyright © apachezone.com. All rights reserved.