Dev log - 36, Jquery #12

박강산·2022년 5월 11일
0

제이쿼리 활용 기법

scroll web page

  • 클릭되면 해당 영역으로 스크롤되는 기능을 구현할 때는, this.hash 값으로 현재 태그의 hash 값을 불러와 활용 (a 태그의 경우 href 값)

  • .animate 메서드의 scrollTop 속성에 해당 hash 값.offset().top을 적용하면 실행 (.stop() 메서드를 선 작동하면, 즉시 대상 변경)

  • transform 에 다중 속성을 지정할 때는 쉼표(,)가 아닌, 띄어쓰기로 적용
    예) transform: translateY(-50%) rotate(-45deg) (CSS 속성)

  • flex: % 속성으로 너비를 쉽게 지정할 수 있음 (CSS 속성)

profile
안녕하세요. 맡은 업무를 확실하게 수행하는 웹 개발자가 되기 위하여 끊임없이 학습에 정진하겠습니다.

0개의 댓글