여기인데 왼쪽 메뉴를 position:fixed를 줘서 고정시켰거든요..
웹에서는 잘 나오는데 모바일에서 화면 확대를 해 보면, 픽시드를 준 부분만 공백처리가 돼서 컨텐츠 화면이 왼쪽으로 밀려버립니다..
픽시드를 안 쓰고 브라우저에 고정 시키는 방법이 또 있을까요??
답변 부탁드려요ㅜㅜ
position fixed 대체방법이 있을까요?
Hotpants 2026.07.22 댓글 7
Hotpants 2026.07.22 댓글 7
여기인데 왼쪽 메뉴를 position:fixed를 줘서 고정시켰거든요..
웹에서는 잘 나오는데 모바일에서 화면 확대를 해 보면, 픽시드를 준 부분만 공백처리가 돼서 컨텐츠 화면이 왼쪽으로 밀려버립니다..
픽시드를 안 쓰고 브라우저에 고정 시키는 방법이 또 있을까요??
답변 부탁드려요ㅜㅜ
앨프레드 2026.07.22
흠...저걸 그렇게 만들기엔 그다지 효율적이지않은데...
제가 제일 추천하기는 이런 레이아웃은 모바일 대응하기 어려우고
효율적이지 안다며 타협을 하는게 좋긴한데..-ㅅ-;;
어쩔수 없다면 iScroll4라는 플러그인을 알아보세용
곰돌츼 2026.07.22
그죠;; 선배들도 그리 말하던데;; 일단 담당자분의 요청이라^^; absolute로 구현하는 방법 좀 간단히 알려주시면 감사하겠습니다..
꽃큰 2026.07.22
모바일은 fixed가 지원이 제대로 안되서 대신에 absolute로 구현해야해요,
게다가 오버플로우 스크롤도 지원이 안되서 별도의 플러그인도 적용해야 하구요,
그런데 이런 레이아웃의 페이지를 굳이 모바일까지 대응할 필요가 있나요??
완전 PC용인데..
도손 2026.07.22
absolute로 브라우저 스크롤 여부 상관없이 고정시킬수 있나요??
모이 2026.07.22
저 정도는 걍 absolute로 짜도 괜찬을것 같은데용..
모드니 2026.07.22
벨리데이션 오류요??
방방 2026.07.22
벨리데이션 오류부터 잡고 확인해보시게 좋을거 같아요 ;;;