fullPage.js | One Page Scroll sections Site Plugin
- fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple http://alvarotrigo.com/fullPage/
- URL : https://alvarotrigo.com/fullPage/
- URL (GitHub) : https://github.com/alvarotrigo/fullPage.js
- Plugin Options : https://github.com/alvarotrigo/fullPage.js#options
- Version : v3.0.3
- Download : fullPage.js-master.zip
- CDN : https://cdnjs.com/libraries/fullPage.js
워드프레스 플러그인 : WP FullPage
- 플러그인 웹사이트 :
http://wp-fullpage.juzed.fr/
https://ko.wordpress.org/plugins/wp-fullpage/
https://wordpress.org/plugins/wp-fullpage/
- 설명 : Wp Fullpage integrates the power of fullPage.js into your WordPress website.
- By Julien Zerbib
- Version: 4.0.5.2
- Last updated: 2 년 ago
- Active installations: 1,000+
- WordPress Version: 3.5 or higher
- Tested up to: 4.6.12
- Language: English (US)
※ Kallyas Theme 미지원
fullPage.js 플러그인을 워드프레스 사이트 적용하는 방법
1. theme header에 fullpage.js 로드 (scrolloverflow.js 로드가 필요시에는 fullpage.js 보다 앞에 로드시킴), 첨부파일은 kallyas theme의 header.php에 적용함
2. script, style은 첨부파일 참조
3. html 마크업(첨부파일 참조)
Disable fullPage scrolling on mobile only
- URL : https://github.com/alvarotrigo/fullPage.js/issues/3109
- Check the responsive options in the docs (responsiveHeight and responsiveWidth) as well as the fp-auto-height-responsive class in case you need it.
- Responsive demo online : https://alvarotrigo.com/fullPage/examples/responsive.html
- Demo with fp-auto-height-responsive : https://alvarotrigo.com/fullPage/examples/autoHeightResponsive.html
- Remove fullpage in mobile :
if($(window).width() < 1024){ $('#fullpage').removeAttr('id'); }
NOTE : you have to write this code BEFORE starting fullpage.js
Web Design Envato Tuts+ | Vertical and Horizontal Scrolling With fullPage.js (31 Aug 2015)
Webdesigner Depot | 25 free, scrolling plugins for awesome experiences (Dec 25, 2013)
'jQuery' 카테고리의 다른 글
[jQuery] Plugin - LightBox, Modal Popup, Youtube Modal (0) | 2018.11.02 |
---|---|
[javascript] 파일첨부시 특정 파일확장자만 선택 / input type="file" 초기화 (1) | 2018.10.14 |
Print() : 프린트 버튼 클릭시 pdf 파일 인쇄하기 창 띄우기 (0) | 2018.08.01 |
textarea 글자수 제한 (0) | 2018.06.28 |
[jQuery] clone() - text() 또는 html() 사용시 텍스트만 지우고 태그는 남기는 방법 (0) | 2018.06.18 |