수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

[질문] position:fixed 기능 구현중 중앙정렬 페이지에서 고정 위치

초롬

2023.05.22

위그림처럼 하늘색 (컨텐츠 바닥) 바탕에 center의 붉은 컨텐츠가 중앙정렬로 들어가는 페이지에

[이녀석]이라는 녀석이 중앙정렬의 오른쪽에 위치하면서

position:fixed기능을 구현하고자 합니다.

position:fixed 핵을 써서 구현을 해보고 있는데

[이녀석] 에 position:fixed; _position:absolute; left:50%; margin-left:숫자 를 줘서 해봤지만

[이녀석]이 브라우저를 줄이면 덩달아 같이 줄어드는 현상이 있어서 골치입니다.

left:50%때문인지 브라우저 창사이즈에 따라서 [center]녀석과 사이 간격이 조금씩 틀리기두 하구요.

음. 11번가의 top버튼 기능이 구현하고자 하는 기능과 거의 같지만

해당 사이트 소스가 많이 나뉘어 있어서 자세히 알지 못하겠더라구요.

혹시 고수님들 중에 이와 비슷한 경험을 가지고 계시거나 구현을 하셨던 분들 가르침 부탁드립니다.

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 알렉산더 2023-05-22

    fixed 포지셔닝이면 스크롤바를 내려도 검은색 박스가 윗쪽으로 일정간격 만큼 떨어져 있어어 하는걸 말씀하시는것 같은데요... 상단 위치는 고정적이지만 left 포지션이 가변젹이니까,,, 스크립트로 해결하는것도 하나의 방법이 되지 않을까 의견을 드려 봅니다.

  • 서향 2023-05-22

    빨간색에 position: relative를 주신다음 검은색에 position: absolute; top: **px; right: -**px; 로 처리해보세요

    물론 검은색div는 빨간색div안에 있어야겠죠

  • 힘찬 2023-05-22

    스크롤 따라 상하 이동이라면 스크립트 써야 될거 같네요~ 위치 잡는건 수다님 방법대로 하시면 됩니다

번호 제 목 글쓴이 날짜
2700505 activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) 참이 2025-07-05
2700452 c언어에서... 자료형 구분.... (3) 시내 2025-07-05
2700422 버전에 관해 질문 라온제나 2025-07-04
2700393 mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) 소미 2025-07-04
2700359 3.0 ) SimpleButton 상태 강제 변경 (3) 희선 2025-07-04
2700304 ie8 전용핵 문의 (3) 여자 2025-07-03
2700281 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) 늘솜 2025-07-03
2700230 질문이여 ! 뿡뿡몬 2025-07-03
2700205 액션스크립트책 좀 추천해주세요. (10) 화이트캣 2025-07-02
2700173 자바 소스인데 어떤게 에러인지..? (1) 호빵녀 2025-07-02
2700142 하단이 붙어있는 가변 레이아웃구조 질문드립니다. 이플 2025-07-02
2700089 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) 여름 2025-07-01
2700033 배경에 그라데이션을 넣으려고 하는데요.. (4) 화이티 2025-07-01
2700005 [질문] TextField 객체의 실제 높이 알아오는 방법 ? 천사의눈물 2025-07-01
2699978 FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) 데이비드 2025-06-30
2699944 자바스크립트가 많은 사이트는... (6) 희나리 2025-06-30
2699918 브라우저마다 다른 input과 텍스트 정렬 (3) 늘봄 2025-06-30
2699887 동적텍스트를 그래픽으로?? (2) 족장 2025-06-30
2699862 scope넣기 (1) 아인 2025-06-29
2699835 exe로 만드는 방법을....알려주세요.. (5) 방방 2025-06-29
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com