본문 바로가기

전체 글

 (14)
스크롤 이동시키는 방법 :: $(window).scrollTop() :: scrollTo() jQuery ✔ 맨 위로 스크롤 이동시키는 방법 : $(window).scrollTop(0); javaScript ✔ 50px로 스크롤 이동시키는 방법 : Window.scrollTo(0 , 50) // Window.scrollTo( X좌표, Y좌표) - Y로 50px 만큼 이동 .scrolltop() 이란? .scrollTop()은 선택한 요소의 스크롤바 수직 위치를 반환하거나 스크롤바 수직 위치를 정합니다. // 기본구조 $(selector).scrollTop() // 웹브라우저 전체의 스크롤바 위치를 0px로 이동한다. $(window).scrollTop(0); // div 요소의 스크롤바 위치를 위에서 500px로 이동한다. $('div').scrollTop(500); 예시 ) $( '.btnGo..
순수 HTML CSS만을 이용한 타이핑 애니메이션 효과 만들기 안녕하세요! 자바스크립트가 포함되지 않은 순수 HTML과 CSS를 이용한 타이핑 효과를 만드는 방법을 알려드리려고 합니다 인터넷에 나온 수많은 방법 중에 하나로 제가 찾은 코드 중에 가장 쉬우면서도 간단한 코드입니다! 풀소스 아래로 자세한 설명 이어가겠습니다. 먼저 풀 소스 입니다! Hi, Designer HOW TO STEP 01. 먼저 기본 Doctype HTML 파일을 준비해줍니다. STEP 02. HTML에 태그를 넣어줍니다. 이 효과를 적용하기 위해 필요한 요소는 HTML에서 Typing이 직접 들어가는 태그( 예 : hi, designer) 와 이를 감싸주는 태그( 예 : hi, designer

티스토리툴바