가로스크롤바 없애기 1body{overflow-x:hidden; overflow-y:auto}cs fadeInLeft 시에 가로스크롤바가 생기게 되는데 이때 유용. 퍼블리싱/CSS 9년 전
scrollTop값을 이용한 엘리먼트 움직이는 효과 STEP. 1function isScrolledIntoView(elem) {var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = $(elem).offset().top; var elemBottom = elemTop + $(elem).height(); return ((elemBottom >= docViewTop) && (elemTop 퍼블리싱/TIP 9년 전
마우스 휠 이벤트 - 원페이지 (mousewheel event - onepage) mousewheel event마우스 휠을 이용한 인터랙션이다.원페이지형식에 응용하였으며 휠을 내리거나 올릴때 하나의 화면이 통으로 슬라이드 되도록 하였다.javascript123456789101112131415161718192021222324252627var win_h = $(window).height(); $('.section').each(function(index){ $(this).attr("data-index",win_h * index); }); $('.section').on("mousewheel",function(e){ var sectionPos = parseInt($(this).attr("data-index")); if(e.originalEvent.wheelDelta >= 0) { $("html.. 퍼블리싱/TIP 9년 전
