[jQuery] Plugin - fullPage.js

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

wp-fullpage.4.0.5.2.zip

- 플러그인 웹사이트 :
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 마크업(첨부파일 참조)

fullPage.js-master_적용.rar

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

WPMU DEV | Build Apple-Inspired Full Page Scrolling Pages For Your WordPress Site (September 18, 2014)

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)

Briefcase Elementor Widgets of BriefcaseWP | How to create Fullpage scrolling websites with Elementor