웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 스크롤시 해더 영역이 고정되어 유지되는 midnight.js 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 스크롤시 해더 영역이 고정되어 유지되는 midnight.js

해피CGI윤실장 2018. 10. 29. 09:09

스크롤을 내리면 상단 헤더영역을 고정해주고, 스크롤 영역을 기반한 고정영역이 변경되는 midnight.js 소스입니다.



위 해더 (로고) 부분에 위치된 영역이 고정영역이며, 

해당 영역이 고정인 상태로 스크롤시 배경영역이 지속적으로 변경됩니다.



위와같이 배경이 변경되면, 로고영역이 경계선을 토대로 깔끔하게 변경되어 적용됩니다.




홈페이지바로가기 소스다운로드

Comments