Hexion Lab Design

  • 홈
  • 태그
  • 방명록

position:fixed 1

[CSS/JS] 고정된 fixed 요소 특정 영역에서 숨기기 멈추기 !

[CSS/JS/ 프론트엔드] position:fixed 요소 특정 영역에서 숨기기 멈추기  position:fixed위 속성은 요소의 위치를 고정시키는 역할을 한다.페이지 스크롤을 위아래로 움직여도 해당 요소는 움직이지 않고 화면에 고정된다.  현재 제작중인 홈페이지에서 position fixed로 지정된 요소를 스크롤위치에 따라 스위치 효과를 주려고한다. 홈페이지에 처음 접속했을 때 보이는 메인영역에만 fixed 요소를 숨겨야한다. 메인영역에 적혀있는 타이틀과 fixed 요소의 문구가 일치하기 때문에 텍스트 중복을 피하기 위함이다. 우선 성공적으로 구현한 화면이다. 메인영역에서 스크롤을 내리면 fixed 요소가 보여지고 메인영역으로 스크롤을 올리면 다시 fixed 요소가 사라진다.   스크롤 위치 추적..

퍼블리싱 2024.02.29
이전
1
다음
더보기
프로필사진

Hexion Lab Design

  • 분류 전체보기 N
    • 디자인
      • 디자인기초
      • 어도비
      • 피그마
    • 퍼블리싱
    • 프론트엔드
    • 프로그래밍
      • JavaScript
      • Java
      • Python
      • Android Studio
      • Other information
    • 일상 N
      • 여행
      • 맛집
      • 브이로그 N

Tag

자바, 디자인 기초, 프로그래밍, HTML, 자바스크립트 리턴, java, 웹디자인, 필드, 리액트, 안드로이드스튜디오, 프론트엔드, 갤럭시워치7, 웹개발, 박스모델, 자바스크립트, 개발, CSS, 코딩, JavaScript, 리액트스크롤,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바