우주원숭이의 개발여행

분류 전체보기 검색 결과

해당 글 84건

가로스크롤바 없애기

1body{overflow-x:hidden; overflow-y:auto}cs fadeInLeft 시에 가로스크롤바가 생기게 되는데 이때 유용.

퍼블리싱/CSS 2016. 1. 14. 09:57

텍스트에 그림자효과 넣기

123456elem{text-shadow:0px 1px 3px #eaeaea;} Colored by Color Scriptercs

퍼블리싱/CSS 2016. 1. 13. 18:15

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 2016. 1. 13. 11:03

마우스 휠 이벤트 - 원페이지 (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 2016. 1. 12. 13:36