position:fixed 에 대한 질문입니다..
사이
페이지의 상단에 고정되어야 하는 테이블이 있습니다.
스크롤을 내릴때에도 항상 상단에 고정되어서 따라와야 합니다.
position:fixed 를 사용하니까 간단히 해결되는데, 또 다른 문제가 있어요.
이 테이블이 한 페이지에 나타나기엔 너무 길기 때문에 기본적으로 좌우 스크롤이 존재하는데요 ..
fixed를 먹여서 상하이동시 따라오는건 좋은데 좌우 이동시에도 테이블이 고정되어 버립니다.
즉 항상 테이블의 2/3 정도밖에 보이지 않는 상태입니다.. ㅠ
테이블의 상/하에만 fixed를 걸고, 좌/우는 스크롤대로 움직이는 방법이 없을까요?
조언 부탁드립니다.
-
허리품 2025-06-24
고정하고자 하는 테이블에 overflow:scroll; 하면 되지 않을까용?
-
꼬붕 2025-06-24
position:absolute;로 잡고, top 수치를 스크립트로 잡는 게 어떨지요.
-
밝은빛누리예 2025-06-24
네 fixed가 맞는것 같아요. absolute로 잡으려면 div 하나로는 안되는듯합니다...
국민은행 사이트 들어가보시면 서브화면 우측에 고정메뉴가 있는데.. 참고해보세용.
개발도구로 분석해보시구용.
* 소스 유첨하시면 다른분들이 답 드리기 더 수월하실듯 하구요~ -
캐릭터 2025-06-24
그런데 width에 들어가는 고정px란게 어떤 수치를 이야기하는거죠?
어림잡아 100px 정도를 주고 해봤는데 ..
스크롤을 내리면 상단에 고정되어 있지 않네요.. ㅠㅡ -
샤인 2025-06-24
감싸는 테이블에... fixed 말고. absolute를 이용하심이 어떨런지요...?
aaa {position:absolute; top:0; left:0; width:고정px;} -
물고기자리 2025-06-24
닉네임이 이상하게 나와서 잠시 지우고 다시 적을려는사이에 댓글이...^^;;;
네.~ -
링고 2025-06-24
..아 .. 제가 잘 모르는 초보라 스크롤에도 상관없이 고정되려면 무조건 fixed를 써야 되는건줄 알았는데 ..
absolute 로도 해결이 가능한가보네요..
답변 감사드립니다. 다시 한번 해볼께요~