스크롤리파이 (Scrollify) 헤더와 푸터 부분 스크롤 적용시키기

Scrollify.js

See the Pen 스크롤리파이/응용/헤더&푸터 적용 by kimyangsun (@kimyangsun) on CodePen.

https://codepen.io/kimyangsun/pen/YzPbMGR

스크롤리파이/응용/헤더&푸터 적용

스크롤리파이 플러그인을 사용하여 스크롤 페이지를 구현한 후에

 

상단 헤더와 푸터 부분 또한 스크롤을 적용시킨 코드입니다. 스크립트에

 

interstitialSection:".header, .footer" 를 추가시켜주면 됩니다. 여기서 .header와 .footer 는 클래스명이어서

 

만약 헤더와 푸터가 다른 클래스명이면 그 클래스명을 넣어주시면 될 것 같습니다.

 

작동을 자세히 확인하려면 해당 링크를 들어가서 확인하면 되겠습니다.