멋쟁이 사자처럼 FE 2기 - 10

임홍렬·2022년 4월 11일
0
post-thumbnail

10일차 과제(220411)


fixed 와 sticky


fixed

스크롤을 올리거나 내릴때 고정되는 창 만들때 사용한다.

  • 위에 사진 처럼 스크롤을 내려도 hello가 고정되있는 창이다 !

  • 현재 사용자가 보고 있는 뷰포트를 기준으로 마치 화면에 붙은 것처럼 그 자리에 계속해서 위치시킨다.

  • 중요한 정보를 계속 노출시키기 위해 사용한다 !


sticky

스크롤을 올리거나 내릴때 창이 가까운 상위요소에 대해 달라 붙는다.

  • 일반적으로 문서의 흐름에 따라 배치된다.

밴딩머신은 건드리지도 못했고, 로그인 구현 과제는 중앙 정렬과 요소 배치들에서 막혔다...
그래도 부족한게 확실하게 느껴져서 내일은 정렬들을 다시 한번 공부해서 정리하고 공부하자 !!

profile
뜨내기 FE 개발자

0개의 댓글