본문 바로가기

광고

Design

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기

Reference

CSS

NEWS

SITE

Coding


광고

스크롤

[Scroll] 앵커(anchor)를 이용한 스크롤 jquery.arbitrary-anchor.js 앵커(anchor)를 이용한 스크롤 제이쿼리입니다.가장 기본이 되는 제이쿼리이죠^^[미리보기][다운받기]
[Scroll] 스크롤을 통한 3D 갤러리를 표현한 스크롤 갤러리입니다. 스크롤을 통한 3D를 구현한 제이쿼리입니다.CSS3를 이용했기 때문에 익스10 이상에서만 작동을 합니다.하지만 효과를 부드럽지 않네요.크롬으로 확인하세요^^[미리보기][다운받기]
[Scroll] 키보드 버튼으로 컨텐츠의 내용을 볼 수 있는 제이쿼리 마우스 스크롤이 아닌 키보드 다음 버튼을통해 사이트를 스크롤 할 수 있는 제이쿼리 입니다.단순한 기능이지만 쓰일 때가 있을 것 같네요^^[미리보기][다운받기]
[Scroll] 패럴러스 이미지 스크롤 Parallax Image Scroll 제이쿼리 패럴러스 페이지의 경우 스크롤을 이용해배경을 따로 보이게 할 수 있는 제이쿼리입니다.패럴러스 이미지 스크롤 Parallax Image Scroll [미리보기][다운받기]
[Scroll] 마우스 스크롤을 통한 메리크리스마스 트리 완성하기 우선 js를 통한 영역확인이 되야 합니다.var s = skrollr.init({ render: function(data) {   $('#info').text(data.curTop); }});요렇게 영역을 확인한 후영역별로 모션을 주어야 합니다.#slide-1 .item {position: absolute; top: 0; left: 0;}#slide-1 .tree1 {bottom: 426px; left: 100px; top: ..
[Scroll] 풀페이지를 바탕으로 하는 스크롤 페이지 fullpage.js 일단 보시죠^^[미리보기]이런거 찾고 계셨죠?이벤트 페이지를 만들 때 많이 쓰는 레이아웃 구조죠^^물론 스크롤을 했을 경우 부드럽게 움직이는 느낌은 좋은제이쿼리 플러그인 Fullpage.js입니다.[다운로드]간단한 데모들도 확인해보세요~확실히 좋은 소스는 데모도 잘되어 있어요^^Full backgroundsGradient backgroundsScrolling inside sections and slidesAdding fixed head..