화면상단이동버튼 제작시, 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;로 바꿔보세요 -
갅쥐누뉨
저는 공공기관은 해야겠는데,,, 공공기관이 하두 많아서, 공공기관의 최고봉은 뭘까? 하다가 청와대ㅋㅋ단순하죠.
-
즐겨찾기
ㅋㅋㅋㅋㅋ 저도 포폴만들때 청와대를 만든적이 있어요^^
공공기관치고는 디자인이 마음에 들어서 했었네요^^;;; -
큰마루
헉. 들켰네요. 청와대사이트를 만들면서 연습하고 있어요;;
-
어둠
이거슨..
청와대...???
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2696094 | exe 파일 | 제철 | 2025-05-26 |
| 2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
| 2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
| 2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
| 2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
| 2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
| 2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
| 2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
| 2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |
| 2695672 | 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) | 뽀그리 | 2025-05-22 |
| 2695647 | 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) | 아빠몬 | 2025-05-22 |
| 2695586 | IFRAME 캐싱 질문 | 봄나비 | 2025-05-22 |
| 2695498 | [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; | 터1프한렩 | 2025-05-21 |
| 2695468 | 자바랑 이클립스에서요.. | 스킬 | 2025-05-21 |
| 2695375 | Mysql 연동하는 자바 질문있습니다. | 아리솔 | 2025-05-20 |
| 2695319 | 파워포인트 파일을 저장할 수 있을까요? | 시윤 | 2025-05-19 |
| 2695289 | [질문]Tween 값의 정도를 알고 싶습니다. | 타마 | 2025-05-19 |
| 2695238 | c 와 c++의 시작 (10) | ChocoHoilc | 2025-05-18 |