``` - `resetSliders`: （默认`false`）。 [fullpage.js的扩展](http://alvarotrigo.com/fullPage/extensions/)。定义是否在离开节后重置每个滑块。需要fullpage.js> = 2.8.3。 - `fadingEffect`: （默认`false`）。 [fullpage.js的扩展](http://alvarotrigo.com/fullPage/extensions/)。定义是否使用淡入淡出效果，而不是默认的滚动效果。可能的值是`true`，`false`，`sections`，`slides`。因此，可以垂直或水平地应用，或者同时应用于两者。需要fullpage.js> = 2.8.6。 - `animateAnchor`: （默认`true`）定义给定锚点（＃）的站点的负载是否会随着动画滚动到其目的地或直接加载给定部分。 - `recordHistory`: （默认为`true`）定义是否将网站的状态推送到浏览器的历史记录。设置为`true`时，网站的每个部分/幻灯片将作为新页面，浏览器的后退和前进按钮将滚动部分/幻灯片以达到网站的上一个或下一个状态。当设置为`false`时，URL将保持更改，但不会影响浏览器的历史记录。使用`autoScrolling：false`时，该选项会自动关闭。 - `menu`: （默认`false`）选择器可以用来指定菜单链接到部分。这样，节的滚动将使用`active类激活菜单中的相应元素。这将不会生成菜单，而只是将`active类添加到给定菜单中的元素，并带有相应的锚链接。为了将菜单的元素与各个部分相链接，将需要一个HTML 5数据标签（`data-menuanchor`）来使用这些部分中使用的锚链接。例： ```html

``` ```javascript new fullpage('#fullpage', { anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], menu: '#myMenu' }); ``` **注意：** 菜单元素应放置在整页包装外，以避免使用`css3：true`时出现问题。否则它会被插件本身附加到`body`。 - `navigation`: （默认`false`）如果设置为`true`，则会显示一个由小圆圈组成的导航栏。 - `navigationPosition`: （默认`none`）可以设置为`left`或`right`，并定义导航栏显示的位置（如果使用的话）。 - `navigationTooltips`: （默认为[]）定义要使用导航圈的工具提示。例如：`navigationTooltips：['firstSlide'，'secondSlide']`。如果您愿意，也可以在每个部分中使用属性`data-tooltip`来定义它们。 - `showActiveTooltip`: （默认为`false`）显示垂直导航中主动查看节的持久工具提示。 - `slidesNavigation`: （默认为`false`）如果设置为`true`，则会显示一个导航栏，该导航栏由站点上每个横向滑块的小圆圈组成。 - `slidesNavPosition`: （默认`bottom`）定义滑块的横向导航栏的位置。值为`top`和`bottom`。您可能需要修改CSS样式以确定从顶部或底部以及任何其他样式（如颜色）的距离。 - `scrollOverflow`: （默认为`false`）定义在内容大于它的高度的情况下是否为节/幻灯片创建滚动。当设置为`true`时，您的内容将被插件包装。考虑使用委托或在`afterRender`回调中加载其他脚本。如果设置为`true`，则需要库[`scrolloverflow.min.js`](https://github.com/alvarotrigo/fullPage.js/tree/master/vendors/scrolloverflow.min.js)。这个文件必须在fullPage.js插件之前而非jQuery（在使用它的情况下）加载。例如： ```html ``` 为了防止fullpage.js在某些节或幻灯片中创建滚动条，请使用`fp-noscroll`类。例如： `

` 在section元素中使用`fp-auto-height-responsive`时，您也可以防止scrolloverflow应用于响应模式。 - `scrollOverflowReset`:（默认`false`）[fullpage.js的扩展](http://alvarotrigo.com/fullPage/extensions/)。如果设置为`true`，当离开另一个垂直节时，使用滚动条向上滚动节/幻灯片的内容。这样，即使从下面的节滚动，节/幻灯片也会始终显示其内容的开始。 - `scrollOverflowOptions`: 当使用scrollOverflow：true时，fullpage.js将使用[iScroll.js库文件](https://github.com/cubiq/iscroll/)的分叉和修改版本。您可以通过为要使用的iScroll.js选项提供fullpage.js来自定义滚动行为。查看[它的文档](http://iscrolljs.com/)了解更多信息。 - `sectionSelector`: （默认`.section`）定义用于插件部分的Javascript选择器。有时可能需要更改，以避免与使用与fullpage.js相同的选择器的其他插件的问题。 - `slideSelector`: （默认`.slide`）定义用于插件幻灯片的Javascript选择器。有时可能需要更改，以避免与使用与fullpage.js相同的选择器的其他插件的问题。 - `responsiveWidth`: （默认`0`）一个正常的滚动（`autoScrolling：false`）将在定义的宽度下以像素为单位使用。如果用户希望将自己的响应式CSS用于身体标记，则会将`fp-responsive`类添加到身体标记中。例如，如果设置为900，则每当浏览器的宽度小于900时，插件将像正常站点一样滚动。 - `responsiveHeight`: （默认`0`）一个正常的滚动（`autoScrolling：false`）将在定义的高度下以像素为单位使用。如果用户希望将自己的响应式CSS用于身体标记，则会将`fp-responsive`类添加到身体标记中。例如，如果设置为900，则每当浏览器的高度小于900时，插件将像正常站点一样滚动。 - `responsiveSlides`: （默认`false`）[fullpage.js的扩展](http://alvarotrigo.com/fullPage/extensions/)。设置为`true`时，在响应模式被触发时，幻灯片将变成垂直节。（通过使用上面详述的`responsiveWidth`或`responsiveHeight`选项）。需要fullpage.js> = 2.8.5。 - `parallax`: （默认`false`）[fullpage.js的扩展](http://alvarotrigo.com/fullPage/extensions/)。定义是否在节/幻灯片上使用视差背景效果。 [详细了解如何应用视差选项](https://github.com/alvarotrigo/fullPage.js/blob/master/lang/chinese/parallax-extension.md). - `parallaxOptions`: （默认：`{type：'reveal'，percent：62，property：'translate'}`）。允许在使用选项parallax:true时配置视差背景效果的参数。 [详细了解如何应用视差选项](https://github.com/alvarotrigo/fullPage.js/blob/master/lang/chinese/parallax-extension.md). - `lazyLoading`: （默认`true`）延迟加载默认是激活的，这意味着它会延迟加载包含属性`data-src`的任何媒体元素，详见[Lazy Loading docs](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese/#%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD)。如果你想使用任何其他的后加载库，你可以禁用这个fullpage.js功能。 ## 方法你可以在[这里](http://alvarotrigo.com/fullPage/examples/methods.html)看到它们 ### getActiveSection() [示例](https://codepen.io/alvarotrigo/pen/VdpzRN/) 获取包含活跃部分及其属性的对象（键入[Section](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#callbacks））。 ```javascript fullpage_api.getActiveSection(); ``` ### getActiveSlide() [示例](https://codepen.io/alvarotrigo/pen/VdpzRN/) 获取包含活跃部分及其属性的对象（键入[Slide](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#callbacks））。）。 ```javascript fullpage_api.getActiveSlide(); ``` ### moveSectionUp() [示例](http://codepen.io/alvarotrigo/pen/GJXNMN) 向上滚动一节： ```javascript fullpage_api.moveSectionUp(); ``` --- ### moveSectionDown() [示例](http://codepen.io/alvarotrigo/pen/jPvVZx) 向下滚动一节： ```javascript fullpage_api.moveSectionDown(); ``` --- ### moveTo(第节, 幻灯片) [示例](http://codepen.io/alvarotrigo/pen/doqOmY) 将页面滚动到给定节并滑动。第一张幻灯片，默认情况下，将有索引0。 ```javascript /*滚动到锚链接`firstSlide`和第二张幻灯片的部分 */ fullpage_api.moveTo('firstSlide', 2); ``` ```javascript //滚动到网站的第三节 fullpage_api.moveTo(3, 0); //这是一样的 fullpage_api.moveTo(3); ``` --- ### silentMoveTo(第节, 幻灯片) [示例](http://codepen.io/alvarotrigo/pen/doqOeY) 与[`moveTo`](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese/#moveto%E7%AC%AC%E8%8A%82-%E5%B9%BB%E7%81%AF%E7%89%87)完全相同，但是在这种情况下，它将执行没有动画的滚动。直接跳到目的地。 ```javascript /*滚动到锚链接`firstSlide`和第二张幻灯片的部分 */ fullpage_api.silentMoveTo('firstSlide', 2); ``` --- ### moveSlideRight() [示例](http://codepen.io/alvarotrigo/pen/Wvgoyz) 将当前节的水平滑块滚动到下一张幻灯片： ```javascript fullpage_api.moveSlideRight(); ``` --- ### moveSlideLeft() [示例](http://codepen.io/alvarotrigo/pen/gpdLjW) 将当前节的水平滑块滚动到上一张幻灯片: ```javascript fullpage_api.moveSlideLeft(); ``` --- ### setAutoScrolling(boolean) [示例](http://codepen.io/alvarotrigo/pen/rVZWrR) 实时设置滚动配置。定义页面滚动行为的方式。如果设置为`true`，则将使用"自动"滚动，否则将使用站点的"手动"或"正常"滚动。 ```javascript fullpage_api.setAutoScrolling(false); ``` --- ### setFitToSection(boolean) [示例](http://codepen.io/alvarotrigo/pen/GJXNYm) 设置选项`fitToSection`的值，确定是否适合屏幕中的部分。 ```JavaScript fullpage_api.setFitToSection(false); ``` --- ### fitToSection() [示例](http://codepen.io/alvarotrigo/pen/JWWagj) 滚动到最近的适合视口的活动节。 ```javascript fullpage_api.fitToSection(); ``` --- ### setLockAnchors(boolean) [示例](http://codepen.io/alvarotrigo/pen/yNxVRQ) 设置选项`lockAnchors`的值，确定锚是否在URL中有效。 ```javascript fullpage_api.setLockAnchors(false); ``` --- ### setAllowScrolling(boolean, [directions]) [示例](http://codepen.io/alvarotrigo/pen/EjeNdq) 添加或删除通过使用鼠标滚轮/触控板或触摸手势（默认处于活动状态）滚动节/幻灯片的可能性。注意这不会禁用键盘滚动。您将需要使用`setKeyboardScrolling`。 - `directions`：（可选参数）允许的值：`all`，`up`，`down`，`left`，`right`或者它们的组合，用`down，right`等逗号分隔。它定义了滚动将被启用或禁用的方向。 ```javascript //禁用滚动 fullpage_api.setAllowScrolling(false); //禁用向下滚动 fullpage_api.setAllowScrolling(false, 'down'); //禁用向下和向右滚动 fullpage_api.setAllowScrolling(false, 'down, right'); ``` --- ### setKeyboardScrolling(boolean, [directions]) [示例](http://codepen.io/alvarotrigo/pen/GJXNwm) 添加或删除通过使用键盘（默认情况下处于活动状态）滚动节的可能性。 - `directions`: （可选参数）允许的值：`all`，`up`，`down`，`left`，`right`或者它们的组合，用`down，right`等逗号分隔。它定义了滚动将被启用或禁用的方向。 ```javascript //禁用所有键盘滚动 fullpage_api.setKeyboardScrolling(false); //禁用键盘向下滚动 fullpage_api.setKeyboardScrolling(false, 'down'); //禁用键盘向下和向右滚动 fullpage_api.setKeyboardScrolling(false, 'down, right'); ``` --- ### setRecordHistory(boolean) [示例](http://codepen.io/alvarotrigo/pen/rVZWQb) 定义是否在URL中记录每个散列更改的历史记录。 ```javascript fullpage_api.setRecordHistory(false); ``` --- ### setScrollingSpeed(milliseconds) [示例](http://codepen.io/alvarotrigo/pen/NqLbeY) 定义以毫秒为单位的滚动速度。 ```javascript fullpage_api.setScrollingSpeed(700); ``` --- ### destroy(type) [示例](http://codepen.io/alvarotrigo/pen/bdxBzv) 销毁插件事件以及可选的HTML标记和样式。使用AJAX加载内容时的理想选择。 - `type`: （可选参数）可以为空或`all`。如果`all`被传递，fullpage.js使用的HTML标记和样式将被删除。这样，原始的HTML标记，即任何插件修改之前使用的标记都将被保留。 ```javascript //销毁由fullPage.js创建的所有Javascript事件（URL中的卷动，hashchange） fullpage_api.destroy(); //销毁所有的JavaScript事件，以及在原始HTML标记中由fullPage.js所做的任何修改。 fullpage_api.destroy('all'); ``` --- ### reBuild() 更新DOM结构以适应新的窗口大小或其内容。非常适合与AJAX调用或站点的DOM结构中的外部更改结合使用，特别是在使用`scrollOverflow：true`时。 ```javascript fullpage_api.reBuild(); ``` --- ### setResponsive(boolean) [示例](http://codepen.io/alvarotrigo/pen/WxOyLA) 设置页面的响应模式。当设置为`true时，自动滚动将被关闭，结果与`responsiveWidth`或`responsiveHeight`选项被触发时的结果完全相同。 ```javascript fullpage_api.setResponsive(true); ``` --- ### responsiveSlides.toSections() [fullpage.js的扩展](http://alvarotrigo.com/fullPage/extensions/)。需要fullpage.js> = 2.8.5。将水平幻灯片变成垂直节。 ```javascript fullpage_api.responsiveSlides.toSections(); ``` --- ### responsiveSlides.toSlides() [fullpage.js的扩展](http://alvarotrigo.com/fullPage/extensions/)。需要fullpage.js> = 2.8.5。将原始幻灯片（现转换为垂直节）重新转换为水平幻灯片。 ```javascript fullpage_api.responsiveSlides.toSlides(); ``` ## Callbacks [示例](http://codepen.io/alvarotrigo/pen/XbPNQv) 你可以在[这里](http://alvarotrigo.com/fullPage/examples/callbacks.html)看到他们。一些回调，例如`onLeave`将包含`Section`或`Slide`类型的参数。这些对象将包含以下属性： - `anchor`: *(String)* 项目的anchorLink。 - `index`: *(Number)* 项目的index。 - `item`: *(DOM element)* 项目元素。 - `isFirst`: *(Boolean)* 判断游标是否在第一行。 - `isLast`: *(Boolean)* 判断游标是否在最后一行。 ### afterLoad (`origin`, `destination`, `direction`) 滚动结束之后，一旦加载了节，就会触发回调。参数： - `origin`: *(Object)* active section - `destination`: *(Object)* 终点部分。 - `direction`: *(String)* 它将根据滚动方向采用`up`或`down`值。例如： ```javascript new fullpage('#fullpage', { anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], afterLoad: function(origin){ var loadedSection = this; //使用 index if(origin.index == 2){ alert("第3节停止加载"); } //使用 anchorLink if(origin.anchor == 'secondSlide'){ alert("第2节停止加载"); } } }); ``` --- ### onLeave (`origin`, `destination`, `direction`) 一旦用户离开某个节，过渡到新节，就会触发此回调。返回“false”将在移动发生之前取消移动。参数： - `origin`: *(Object)* 起始部分 - `destination`: *(Object)* 终点部分。 - `direction`: *(String)* 它将根据滚动方向采用`up`或`down`值。例如： ```javascript new fullpage('#fullpage', { onLeave: function(index, nextIndex, direction){ var leavingSection = this; //离开第二节后 if(origin.index == 1 && direction =='down'){ alert("前往第3节！"); } else if(origin.index == 1 && direction == 'up'){ alert("前往第1节！"); } } }); ``` #### 触发之前取消滚动您可以通过在`onLeave`回调函数上返回`false来取消滚动： ```javascript new fullpage('#fullpage', { onLeave: function(origin, destination, direction){ //如果目标是第三节，它将不会滚动 if(destination.index == 2){ return false; } } }); ``` --- ### afterRender() 这个回调在页面结构生成后立即被触发。这是您要用来初始化其他插件的回调函数，或者触发任何需要文档准备就绪的代码（因为这个插件修改了DOM来创建结果的结构）。请参阅[常见问题](https://github.com/alvarotrigo/fullPage.js/wiki/FAQ---Frequently-Answered-Questions)了解更多信息。例如： ```javascript new fullpage('#fullpage', { afterRender: function(){ var pluginContainer = this; alert("DOM结构已完成"); } }); ``` --- ### afterResize() 调整浏览器窗口大小后，会触发此回调。就在节被调整之后。参数： - `width`: *(Number)* 屏幕宽度。 - `height`: *(Number)* 屏幕高度。例如： ```javascript new fullpage('#fullpage', { afterResize: function(width, height){ var pluginContainer = this; alert("节已重新调整大小"); } }); ``` --- ### afterResponsive(`isResponsive`) 在fullpage.js从正常模式变为响应模式或从响应模式变为正常模式之后，此回调将被触发。参数： - `isResponsive`：*(Boolean)* 布尔值，用于确定是否进入响应模式（`true`）或返回正常模式（`false`）。例如： ```javascript new fullpage('#fullpage', { afterResponsive: function(isResponsive){ alert("是否响应" + isResponsive); } }); ``` --- ### afterSlideLoad (`section`, `origin`, `destination`, `direction`) 滚动结束后，加载一个节的幻灯片后触发回调。参数： - `section`: *(Object)* 活跃垂直部分。 - `origin`: *(Object)*水平滑动起始。 - `destination`: *(Object)*水平滑动终点。 - `direction`: *(String)* `它将根据滚动方向采用right` 或 `left` 值。例如： ```javascript new fullpage('#fullpage', { anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], afterSlideLoad: function( section, origin, destination, direction){ var loadedSlide = this; //第二节的第一张幻灯片 if(section.anchor == 'secondPage' && destination.index == 1){ alert("第一张幻灯片加载完毕"); } //第二节的第二张幻灯片（假设#secondSlide是 //为第二张幻灯片锚点 if(section.index == 1 && destination.anchor == 'secondSlide'){ alert("第二张幻灯片加载完毕"); } } }); ``` --- ### onSlideLeave (`section`, `origin`, `destination`, `direction`) 一旦用户离开幻灯片转到另一个幻灯片，就会触发此回调。返回`false`将在移动发生之前取消移动。参数： - `section`: *(Object)* active vertical section. - `origin`: *(Object)* horizontal slide of origin. - `destination`: *(Object)* destination horizontal slide. - `direction`: *(String)* `right` or `left` depending on the scrolling direction. 例如： ```javascript new fullpage('#fullpage', { onSlideLeave: function( section, origin, destination, direction){ var leavingSlide = this; //留下第二节的第一张幻灯片 if(section.index == 1 && origin.index == 0 && direction == 'right'){ alert("离开第一张幻灯片！"); } //将第二节的第三张幻灯片留在左边 if(section.index == 1 && origin.index == 2 && direction == 'left'){ alert("前往第二张幻灯片！"); } } }); ``` #### 在发生移动之前取消移动您可以通过在`onSlideLeave`回调中返回`false`来取消移动。 [与使用`onLeave`取消动作一样](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese/#%E8%A7%A6%E5%8F%91%E4%B9%8B%E5%89%8D%E5%8F%96%E6%B6%88%E6%BB%9A%E5%8A%A8)。 # 报告问题 1.请在提问之前使用github问题搜索查找您的问题。 2.确保使用最新的fullpage.js版本。不支持旧版本。 3.使用[Github问题论坛](https://github.com/alvarotrigo/fullPage.js/issues)来创建问题。 4.**需要单独复制该问题**使用[jsfiddle](https://jsfiddle.net/1kyuL4em/2/)或[codepen](http://codepen.io/alvarotrigo / pen / NxyPPp)，如果可能的话。 # 贡献给fullpage.js 请参阅[贡献给fullpage.js](https://github.com/alvarotrigo/fullPage.js/wiki/Contributing-to-fullpage.js) # 更新日志要查看最近更改的列表，请参见[发行版部分](https://github.com/alvarotrigo/fullPage.js/releases). # 构建任务想要构建fullpage.js分发文件？请参阅[Build Tasks](https://github.com/alvarotrigo/fullPage.js/wiki/Build-tasks) # 参考资源 - [Wordpress theme](http://alvarotrigo.com/fullPage/utils/wordpress.html) - [Vue.js wrapper component](https://github.com/alvarotrigo/vue-fullpage.js) - [CSS Easing Animation Tool - Matthew Lein](http://matthewlein.com/ceaser/) (用于定义`easingcss3的值) - [fullPage.js jsDelivr CDN](https://www.jsdelivr.com/package/npm/fullpage.js) - [fullPage.js plugin for October CMS](http://octobercms.com/plugin/freestream-parallax) - [fullPage.js wordpress plugin](https://wordpress.org/plugins/wp-fullpage/) - [fullPage.js Angular2 directive](https://github.com/meiblorn/ng2-fullpage) - [fullPage.js angular directive](https://github.com/hellsan631/angular-fullpage.js) - [fullPage.js ember-cli addon](https://www.npmjs.com/package/ember-cli-fullpagejs) - [fullPage.js Rails Ruby Gem](https://rubygems.org/gems/fullpagejs-rails) - [Angular fullPage.js - Adaptation for Angular.js v1.x](https://github.com/mmautomatizacion/angular-fullpage.js) - [Integrating fullPage.js with Wordpress (Tutorial)](http://premium.wpmudev.org/blog/build-apple-inspired-full-page-scrolling-pages-for-your-wordpress-site/) ## 谁在使用 fullPage.js 如果你想让你的页面在这里列出。请使用网址与我联系。 [![Google](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/google-4.png)](http://www.yourprimer.com/) [![Coca-cola](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/cocacola-4.png)](https://www.coca-colacompany.com/annual-review/2017/index.html) ![eBay](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/ebay-4.png) [![BBC](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/bbc-4.png)](http://www.bbc.co.uk/news/resources/idt-d88680d1-26f2-4863-be95-83298fd01e02) ![Sony](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/sony-4.png) ![Vodafone](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/vodafone-5.png) ![British Airways](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/british-airways-5.png) ![McDonalds](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mcdonalds-6.png) ![EA](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/ea-6.png) [![Vogue](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/vogue-6.png)](http://www.vogue.fr/chaumet-histoires-de-liens) ![Mi](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mi-6.png) [![Mercedes](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mercedes-5.png)](https://www.x-class.com.au/) [![sym](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/sym-5.png)](http://www.sanyang.com.tw/service/Conception/) ![Bugatti](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/bugatti-5.png) [![eDarling](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/edarling-5.png)](https://www.edarling.de/) ![Ubisoft](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/ubisoft-5.png) - https://www.coca-colacompany.com/annual-review/2017/index.html - http://www.bbc.co.uk/news/resources/idt-d88680d1-26f2-4863-be95-83298fd01e02 - https://www.x-class.com.au - http://www.yourprimer.com/ - http://www.vogue.fr/chaumet-histoires-de-liens - http://burntmovie.com/ - http://www.newjumoconcept.com/ - http://www.shootinggalleryasia.com/ - http://medoff.ua/en/ - http://promo.prestigio.com/grace1/ - http://www.commoditiesdemystified.info/en/ - http://torchbrowser.com/ - http://thekorner.fr/ - https://www.edarling.de/ - http://urban-walks.com/ - http://lingualeo.com/ - http://charlotteaimes.com/ - http://collection.madeofsundays.com - http://www.boxreload.com/ - http://educationaboveall.org/ - http://camfindapp.com/ - http://rockercreative.com/ - http://usescribe.com/ - http://lucilecazanave.com/ - http://boxx.hk/ - http://bearonunicycle.com/ - http://rawmilk.dk/en/ - http://www.famavolat.com/ - http://www.sanyang.com.tw/service/Conception/ - http://www.batzaya.net/ - http://medissix.com/ - http://trasmissione-energia.terna.it/ - http://www.thefoodmovie.com/ - http://www.villareginateodolinda.it - http://www.kesstrio.com - http://ded-morozz.kiev.ua/ - http://unabridgedsoftware.com/ - http://atlanticcorp.us/ - http://moysport.ru/ - http://themify.me/demo/#theme=fullpane - http://dancingroad.com - http://www.camanihome.com/ - https://life2film.com/en/ 你可以找到另一个列表[这里](http://libscore.com/#$.fn.fullpage). ## 捐献非常欢迎您的捐款:) [Patreon page](https://www.patreon.com/fullpagejs) [![Donate](https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=BEK5JQCQMED4J&lc=GB&item_name=fullPage%2ejs¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted) ## Sponsors Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://alvarotrigo.com/#contact)] | [[Become a patreon](https://www.patreon.com/fullpagejs)] [![Stackpath](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/stackpath3.png)](https://www.stackpath.com/) [![Browserstack](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/browserstack3.png)](http://www.browserstack.com/) [![HostPresto](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/hostpresto3.png)](https://hostpresto.com/?utm_source=alvaro) [![CodePen](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/codepen3.png)](https://codepen.com) ### People