본문 바로가기

광고

Design

Reference

Tutorial

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

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: auto;}#slide-1 .tree2 {bottom: 309px; left: 73px; top: auto;}#slide-1 .tree3 {bottom: 205px; left: 30px; top: auto;}#slide-1 .tree4 {bottom: 101px; left: 14px;..
[Scroll] 풀페이지를 바탕으로 하는 스크롤 페이지 fullpage.js 일단 보시죠^^ [미리보기] 이런거 찾고 계셨죠?이벤트 페이지를 만들 때 많이 쓰는 레이아웃 구조죠^^물론 스크롤을 했을 경우 부드럽게 움직이는 느낌은 좋은제이쿼리 플러그인 Fullpage.js입니다. [다운로드] 간단한 데모들도 확인해보세요~확실히 좋은 소스는 데모도 잘되어 있어요^^ Full backgroundsGradient backgroundsScrolling inside sections and slidesAdding fixed header and footerVertical navigation dotsHorizontal navigation dotsNormal scrollingWithout anchor links (same URL) (The MIT License)