반응형 프론트엔드2 리뷰 별점주기 구현하기, Star rating ui html See the Pen Untitled by Junho Yoon (@junhoyoon95) on CodePen. 위는 1점씩 줄 때의 ui 입니다. 만일 0.5 단위로 주고 싶다면 See the Pen star rating half by Junho Yoon (@junhoyoon95) on CodePen. 여러운게 아니니, 빠르게 해결하고 다음 문제를 해결하러 가시죠 2024. 11. 27. 스크롤 반응형 헤더, 스크롤 반응형 탭(네비게이션), responsive nav, sticky tab 오늘은 새로운 요청이 있어 진행했던 UI 수정에 대해서 글을 써보려고 합니다. 1. 스크롤을 내리면 잠시 가려지고, 스크롤을 올리면 다시 나타나는 헤더 2. 스크롤을 내리다가 일정 스크롤에 도달했을 때, 그 때 부터 지정 위치에 들러 붙는 sticky nav See the Pen Header hide on scroll, Sticky nav by Junmannn (@Junmannn) on CodePen. 구분을 쉽게 하기 위해 header는 id 로 div에 두어, css 상에서 #header 정리 부분을 보시면 됩니다. sticky는 class로 두어 css 상에서 .sticky 를 보시면 됩니다. 스크롤에 다라 반응하며 보였다 사라졌다를 반복하는 헤더, 위치가 고정되었다가, 움직였다가 하는 방식을 알아.. 2022. 7. 25. 이전 1 다음 반응형
