프론트엔드 스터디

https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io html AOS.init(); // 초기화 선언 필수 CDN SOURCES CSS JS INITIALIZE AOS

css // 변수 설정 $thumbnail: thumb1, thumb2, thumb3, thumb4, thumb5; @each $item in $thumbnail { .thumbnail.#{$item} { background-image: url("../img/#{$item}.png"); } } html

css //드래그 막기 css body { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }

script // 스크롤바 숨기고 동작안하게 했다가 풀기 $("header").toggleClass("active"); if ($("header").hasClass("active")) { $("header").on("scroll touchmove mousewheel", function (event) { event.preventDefault(); event.stopPropagation(); return false; }); } else { $("header").off("scroll touchmove mousewheel"); } $("body").toggleClass("scrollBar"); css .scrollBar { -ms-overflow-style: none; /* IE and Edge */ scrol..

css white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

script /* a href='#' 클릭 무시 */ $('a[href="#"]').click(function (ignore) { ignore.preventDefault(); });

html