목록#sticky (4)

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

[해피CGI][cgimall] Sticky Photostack 스크롤시 이미지가 쌓이는 효과

스크롤을 내릴수록 마치 사진이 한두장씩 쌓이듯이 이미지가 쌓이는 효과입니다. 스크롤을 내리면 이미지가 쌓이고, 스크롤을 올리면 쌓였던 이미지가 다시 내려갑니다. 이미지의 갯수는 html에서 조정 가능하며 이미지의 주소를 입력하면 됩니다.
웹프로그램밍 자료실/기타 자료 2021. 3. 15. 09:58
[해피CGI][cgimall] 부드러운 고정 헤더 Jquery - sp.stickyHeader.js

- 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 sp.stickyHeader.js 파일, sp.stickyHeader.css 파일을 링크합니다. 2. 다음과 같이 헤더 요소를 만듭니다. 3. 헤더 요소에 플러그인을 연결합니다. 4. 헤더 요소를 고정하기 위해 페이지가 얼마나 아래오 스크롤되는지 결정합니다. (기본값:300) 5. 고정된 헤더 요소에 추가 CSS 클래스를 추가합니다. 6. 모바일 장치에서 고정 헤더를 비활성화할지 여부를 결정합니다. (기본값:true) - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2020. 10. 28. 09:19
[해피CGI][cgimall] Highly Customizable Sticky jQuery Plugin - jQuery smartSticky

웹페이지에서 스크롤을 해도 특정 요소는 같은 위치에 머무르면서 표시하도록 하는 플러그인입니다. 다운로드 받은 파일의 압축을 해제한뒤 example/jquery.stickySmart.html 파일을 웹브라우저로 열어보면 샘플 확인이 가능합니다. 열려진 웹페이지에서 스크롤을 내려보면, 특정 컨텐츠가 스크롤이 내림으로서 웹페이지 내에서 안보여지게 되었을때 위 그림 처럼 스크롤을 따라다니면서 표시해주는 플러그인 입니다. 스크롤을 아래로 조절될 때 외에도, 스크롤을 위로 조절할 때 웹페이지의 아래쪽 부분에 표시를 해주는 것도 가능합니다. 위 그림 처럼 스크롤을 따라다니는 상태에서는 실제 웹페이지내에 표시되던 형태와는 다른 모양으로 표시하도록 커스터마이징이 가능하네요 특정 문단이 아니라, 메뉴 및 검색폼이 스크롤을..
웹프로그램밍 자료실/JAVA 자료 2020. 9. 8. 09:14
[해피CGI][cgimall] Simple Sticky Notes

설치 용량도 2M 이하로 작은 용량에 기능도 출중한 포스트잇 프로그램 입니다. 다만, 한글은 지원하지 않으나, 사용엔 큰 불편이 없습니다. http://www.simplestickynotes.com/store/themes/?hl=ko&utm_source=ssn 여러 테마도 적용 가능합니다. http://www.simplestickynotes.com/store/sounds/ 알람 사운드도 여러개 있습니다. 포스트잇으로 추천합니다.
웹프로그램밍 자료실/기타 자료 2017. 12. 28. 08:54
Prev 1 Next