분류 전체보기

728x90
Front-end/JavaScript

[JavaScript] 캐러셀 슬라이드 만들기

캐러셀 슬라이드 만들기 js 코드 분석

Front-end/JavaScript

[JavaScript] CSS 스타일 변경하기

js로 CSS 스타일 변경하기 요소.style.속성명 = 값

Front-end/JavaScript

[JavaScript] 클래스 목록, 추가, 삭제, 확인

클래스 목록 요소.classList 클래스 추가 요소.classList.add('클래스명') 클래스 삭제 요소.classList.remove('클래스명') 클래스 토글 요소.classList.toggle('클래스명') 클래스 찾기 요소.classList.contains('클래스명') : 요소에 해당 클래스가 있으면 true

Front-end/JavaScript

[JavaScript] jQuery 스크롤 이벤트

jQuery 스크롤 이벤트 $(window).scroll(function(){ }); (브라우저 스크롤 이벤트는 js 파일에서 한 번만 만들어줍니다. 여러개 안됨!) 스크롤을 내렸을 때 해당 요소 동작시키기 $(window).scrollTop(); : 브라우저의 스크롤 위치값 $('.main2').offset().top + $('.main2').height() * 0.8; : main2의 0.8 정도쯤 왔을 때의 위치값을 변수에 담아서 브라우저의 스크롤 위치가 해당 위치를 지날 때의 동작하도록 합니다. 0.8은 제가 임의로 넣은 값이기에 원하시는 위치값을 계산에 넣어주시면 됩니다.

728x90
eunjin-park
'분류 전체보기' 카테고리의 글 목록 (49 Page)