화면상단이동버튼 제작시, position:fixed하면 브라우저너비를 줄였을때 따라오는 문제점
쇼콜라데
화면상단이동버튼 제작시, position:fixed하면 브라우저너비를 줄였을때 따라오는 문제점이 있습니다.해결방법을 알려주심 감사하겠습니다~
*2014.01.19 11:38 추가개략적인 코드는 다음과 같습니다.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=en lang=enheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titlenew_file/titlestyle type=text/css.wrapper{ width:500px;height:500px;border:1px solid red;}.header{ height:100px;border:1px solid gray;margin-bottom:5px;}.contain{ height:300px;border:1px solid green; position:relative;}.con1{ width:50px;height:50px;border:1px solid black; position:fixed;right:10px;}/style/headbodydiv class=wrapper div class=header/div div class=contain div class=con1상단이동/div /div/div/body/html
-
사라
left:xxx px; 로 했을 경우 움직일 이유가 없지 않나요? 브라우저를 줄여도 left의 시작점은 늘 브라우저 좌측 0위치부터인걸요.. 혹 사이트 wrap을 중앙정렬해놓으셨다면 중앙정렬한 wrap과의 갭은 생기겠지만요.
-
노을
%아니고, px로 했습니다. 근데 움직이는건 당연한거같습니다. fixed는 조상중 relative를 기준으로 하는게 아니고, 웹브라우저를 기준으로 움직이니까요. 그럼 이건 absolute로 해야할것같아요. 근데 absolute로 하면 스크롤 내렸을때 따라오질 안잖아요? 그게 딜레마입니다 ㅠㅠ
-
초고리
코드를 봐야 더 잘 알겠지만
추측으로는 해당 위치값을 right:xxx px; 또는 left:xxx%;로 잡으신게 아닐까 싶네요. 움직이지 않기를 원하시면 left:xxx px;로 바꿔보세요 -
갅쥐누뉨
저는 공공기관은 해야겠는데,,, 공공기관이 하두 많아서, 공공기관의 최고봉은 뭘까? 하다가 청와대ㅋㅋ단순하죠.
-
즐겨찾기
ㅋㅋㅋㅋㅋ 저도 포폴만들때 청와대를 만든적이 있어요^^
공공기관치고는 디자인이 마음에 들어서 했었네요^^;;; -
큰마루
헉. 들켰네요. 청와대사이트를 만들면서 연습하고 있어요;;
-
어둠
이거슨..
청와대...???