De promotiewebsite die de reguliere site vervangt tijdens de Kick-In. https://join.harambee.utwente.nl
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1026 lines
116 KiB

<EFBFBD><EFBFBD># fullPage.js
![?@5420@8B5;L=K9 ?@>A<>B@](https://raw.github.com/alvarotrigo/fullPage.js/master/examples/imgs/intro.png)
![A>2<5AB8<>ABL](https://raw.github.com/alvarotrigo/fullPage.js/master/examples/imgs/compatible.gif?v=2)
<p align="center">
<a href="https://github.com/alvarotrigo/fullPage.js/#fullpagejs">English</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/spanish#fullpagejs">Espa<EFBFBD>ol</a> |
<span>PCAA:89</span> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#fullpagejs">-N<EFBFBD>e</a> |
<a href="https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs">\<EFBFBD>m<EFBFBD><EFBFBD><EFBFBD></a>
</p>
---
![5@A8O fullPage.js](http://img.shields.io/badge/fullPage.js-v3.0.2-brightgreen.svg)
[![8F5=78O](https://img.shields.io/badge/License-GPL-blue.svg)](https://www.gnu.org/licenses/gpl-3.0.html)
[![5@5G8A;5=85 =0 PayPal](https://img.shields.io/badge/donate-PayPal.me-ff69b4.svg)](https://www.paypal.me/alvarotrigo/9.95)
[![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/fullpage.js/badge?style=rounded)](https://www.jsdelivr.com/package/npm/fullpage.js)
&nbsp;&nbsp; **|**&nbsp;&nbsp; *71 2 D>@<0B5 gzip* &nbsp;&nbsp;**|**&nbsp;&nbsp; *!>740=> [@imac2](https://twitter.com/imac2)*
- [82>5 45<>](http://alvarotrigo.com/fullPage/)
- ["5<0 Wordpress](http://alvarotrigo.com/fullPage/utils/wordpress.html)
- [ 0AH8@5=8O fullpage.js](http://alvarotrigo.com/fullPage/extensions/)
- ['0AB> 7040205<K5 2>?@>AK](https://github.com/alvarotrigo/fullPage.js/wiki/FAQ---Frequently-Answered-Questions)
---
@>AB0O 8 C4>1=0O 2 8A?>;L7>20=88 181;8>B5:0 4;O A>740=8O 251-A09B>2 A ?>;=>M:@0==>9 ?@>:@CB:>9 (B0:65 8725AB=KE, :0: >4=>AB@0=8G=K5 A09BK).
=0 ?>72>;O5B A>74020BL 251-A09BK A ?>;=>M:@0==>9 ?@>:@CB:>9, 0 B0:65 4>102;OBL 3>@87>=B0;L=K5 ?>;7C=:8 4;O @0745;>2 A09B0.
- [2545=85](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#2545=85)
- [!>2<5AB8<>ABL](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#!>2<5AB8<>ABL)
- [8F5=78O](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#8F5=78O)
- [A?>;L7>20=85](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#A?>;L7>20=85)
- [!>740=85 AAK;>: =0 @0745;K 8;8 A;094K](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#!>740=85-AAK;>:-=0-@0745;K-8;8-A;094K)
- [!>740=85 1>;LH8E 8 <0;KE @0745;>2](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#!>740=85-1>;LH8E-8-<0;KE-@0745;>2)
- [;0AAK A>AB>O=89, 4>102;O5<K5 fullpage.js](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#;0AAK-A>AB>O=89-4>102;O5<K5-fullpagejs)
- [B;>65==0O 703@C7:0](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#B;>65==0O-703@C7:0)
- [2B>?@>83@K20=85 2AB@>5==>3> <5480](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#2B>?@>83@K20=85?@8>AB0=>2:0-2AB@>5==>3>-<5480)
- [A?>;L7>20=85 @0AH8@5=89](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#A?>;L7>20=85-@0AH8@5=89)
- [?F88](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#?F88)
- [$C=:F88](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#$C=:F88)
- [1@0B=K5 2K7>2K](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#1@0B=K5-2K7>2K)
- [!>>1I5=85 > ?@>1;5<5](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#!>>1I5=85->-?@>1;5<0E)
- [=5A5=85 ?@54;>65=89 4;O fullpage.js](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#=5A5=85-?@54;>65=89-4;O-fullpagejs)
- [Change Log](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#changelog)
- [040G8 ?> ?>AB@>5=8N](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#040G8-?>-?>AB@>5=8N)
- [ 5AC@AK](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/# 5AC@AK)
- [B> ?>;L7C5BAO fullpage.js](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#B>-?>;L7C5BAO-fullpagejs)
- [5=56=K5 ?5@52>4K](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#5=56=K5-?5@52>4K)
## 2545=85
>;55 G5< ?@825BAB2CNBAO 20H8 ?@54;>65=8O, :0A0NI85AO =5 B>;L:> DC=:F89 8 2>7<>6=>AB59, => 8 C;CGH5=8O AB8;O :>48@>20=8O.
0209B5 2<5AB5 A>74048< 70<5G0B5;L=CN 181;8>B5:C, GB>1K >1;53G8BL 687=L ?>;L7>20B5;O<!
## !>2<5AB8<>ABL
fullPage.js ?>;=>ABLN DC=:F8>=8@C5B 2> 2A5E A>2@5<5==KE 1@0C75@0E, B0:65, :0: 8 2 =5:>B>@KE CAB0@52H8E, B0:8E :0: Internet Explorer 9, Opera 12 8 B.4.
01>B05B 2 1@0C75@0E, 8<5NI8E 8 =5 8<5NI8E ?>445@6:C CSS3, GB> >15A?5G8205B 8450;L=CN A>2<5AB8<>ABL A CAB0@52H8<8 1@0C75@0<8.
15A?5G8205B ?>445@6:C A5=A>@=>3> C?@02;5=8O 4;O <>18;L=KE B5;5D>=>2, ?;0=H5B>2 8 :><?LNB5@>2 A A5=A>@=K< M:@0=><.
K@0605< >A>1CN 1;03>40@=>ABL [Browserstack](http://www.browserstack.com/) 70 ?>445@6:C fullpage.js.
## 8F5=78O
### ><<5@G5A:0O ;8F5=78O
A;8 2K E>B8B5 8A?>;L7>20BL fullPage 4;O @07@01>B:8 :><<5@G5A:8E A09B>2, B5<, ?@>5:B>2 8 ?@8;>65=89, B> 20< ?>4>94QB :><<5@G5A:0O ;8F5=78O. ! B0:>9 >?F859 20H 8AE>4=K9 :>4 1C45B 70:@KBK<. -B> 7=0G8B, GB> 20< =5 ?@84QBAO <5=OBL 25AL 8AE>4=K9 :>4 20H53> ?@8;>65=8O =0 ;8F5=78N A >B:@KBK< 8AE>4=K< :>4><. [[@8>1@5B8B5 ><<5@G5A:CN ;8F5=78N Fullpage 745AL]](https://alvarotrigo.com/fullPage/pricing/)
### 8F5=78O A >B:@KBK< 8AE>4=K< :>4><
A;8 2K A>740QB5 ?@8;>65=85 A >B:@KBK< 8AE>4=K< :>4>< ?> ;8F5=788, A>2<5AB8<>9 A [8F5=7859 GNU GPL v3](https://www.gnu.org/licenses/gpl-3.0.html), 2K <>65B5 8A?>;L7>20BL fullPage =0 CA;>28OE GPLv3.
**!2545=8O >1 02B>@5 2 JavaScript 8 D09;0E CSS 4>;6=K >AB020BLAO 157 87<5=5=89** (4065 ?>A;5 :><18=0F88 8;8 <8=8D8:0F88)
[@>G5ABL 1>;LH5 > ;8F5=788 fullPage](https://alvarotrigo.com/fullPage/pricing/).
## A?>;L7>20=85
0: 2K <>65B5 C2845BL 2 D09;0E-?@8<5@0E, 20< =5>1E>48<> 1C45B 2:;NG8BL:
- $09; JavaScript `fullpage.js` (8;8 53> <8=8D8F8@>20==CN 25@A8N `fullpage.min.js`)
- $09; css `fullpage.css`
**?F8>=0;L=>**, ?@8 8A?>;L7>20=88 `css3:false` 2K <>65B5 4>1028BL [181;8>B5:C jQuery UI](http://jqueryui.com/), 2 A;CG05 5A;8 2K E>B8B5 8A?>;L7>20BL 4@C385 0=8<0F8>==K5 MDD5:BK, 2 4>?>;=5=85 : 2:;NGQ==K< 2 181;8>B5:C (`easeInOutCubic` ).
### #AB0=>2:0 bower 8;8 npm
**?F8>=0;L=>**, 2K <>65B5 CAB0=>28BL fullPage.js A bower 8;8 npm A>3;0A=> 20H8< ?@54?>GB5=8O<:
2548B5:
```shell
// ! bower
bower install fullpage.js
// ! npm
npm install fullpage.js
```
### :;NG5=85 D09;>2:
```html
<link rel="stylesheet" type="text/css" href="fullpage.css" />
<!-- !;54CNI0O AB@>G:0 >?F8>=0;L=0. 5>1E>48<0 ;8HL 2 A;CG05, 5A;8 2K 8A?>;L7C5B5 >?F8N css3:false 8 E>B8B5 8A?>;L7>20BL 4@C385 0=8<0F8>==K5 MDD5:BK, :@><5 "linear", "swing" 8;8 "easeInOutCubic". -->
<script src="vendors/easings.min.js"></script>
<!-- !;54CNI0O AB@>G:0 >?F8>=0;L=0, =5>1E>48<0 ;8HL 2 A;CG05, 5A;8 2K E>B8B5 8A?>;L7>20BL >?F8N `scrollOverflow:true` -->
<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script>
<script type="text/javascript" src="fullpage.js"></script>
```
### ?F8>=0;L=>5 8A?>;L7>20=85 CDN
A;8 2K ?@54?>G8B05B5 8A?>;L7>20BL CDN 4;O 703@C7:8 =5>1E>48<KE D09;>2, fullPage.js 5ABL 2 CDNJS:
https://cdnjs.com/libraries/fullPage.js
### "@51C5<0O HTML-AB@C:BC@0
0G8=0O A2>9 4>:C<5=B HTML, >1O70B5;L=> 22548B5 [HTML DOCTYPE declaration](http://www.corelangs.com/html/introduction/doctype.html) 2 ?5@2>9 AB@>:5 20H53> HTML-:>40. =0G5 C 20A <>3CB 2>7=8:=CBL ?@>1;5<K A 25@B8:0;L=K< @07<5@>< @0745;>2.  ?@8254Q==KE ?@8<5@0E 8A?>;L7C5BAO B8? 4>:C<5=B0 HTML 5 `<!DOCTYPE html>`.
064K9 @0745; 1C45B >?@545;Q= M;5<5=B><, A>45@60I8< :;0AA `section`.
:B82=K9 @0745; ?> C<>;G0=8N 1C45B O2;OBLAO ?5@2K< @0745;><, B> 5ABL 4><0H=59 AB@0=8F59.
0745;K 4>;6=K ?><5I0BLAO 2 >1Q@B>G=K9 :>4 (2 40==>< A;CG05 - `<div id="fullpage">`). 1Q@B>G=K9 :>4 =5 <>65B 1KBL M;5<5=B>< `body`.
```html
<div id="full page">
<div class="section">?@545;Q==K9 @0745;</div>
<div class="section">?@545;Q==K9 @0745;</div>
<div class="section">?@545;Q==K9 @0745;</div>
<div class="section">?@545;Q==K9 @0745;</div>
</div>
```
A;8 2K E>B8B5 >?@545;8BL 4@C3CN B>G:C 2E>40 (=5 ?5@2K9 @0745; 8;8 ?5@2K9 A;094 @0745;0), ?@>AB> 4>102LB5 :;0AA `active` : @0745;C 8 A;094C, :>B>@K5 2K E>B8B5 703@C60BL 2 ?5@2CN >G5@54L.
```html
<div class="section active">?@545;Q==K9 @0745;</div>
```
'B>1K A>740BL 3>@87>=B0;L=K9 ?>;7C=>: 2 @0745;5, :064K9 A;094 4>;65= >?@545;OBLAO ?> C<>;G0=8N A ?><>ILN M;5<5=B0, A>45@60I53> :;0AA `slide`:
```html
<div class="section">
<div class="slide"> !;094 1 </div>
<div class="slide"> !;094 2 </div>
<div class="slide"> !;094 3 </div>
<div class="slide"> !;094 4 </div>
</div>
````
K <>65B5 ?>A<>B@5BL =0 ?>;=>ABLN @01>B>A?>A>1=K9 ?@8<5@ HTML-AB@C:BC@K 745AL: [D09; `demoPage.html`](https://github.com/alvarotrigo/fullPage.js/blob/master/examples/demoPage.html).
### =8F80;870F8O
#### =8F80;870F8O A Vanilla Javascript
AQ, GB> 20< =C6=> A45;0BL, - MB> C:070BL fullPage.js ?5@54 70:@K20NI8< B53>< `</body>`.
```javascript
new fullpage('#fullpage', {
//options here
autoScrolling:true,
scrollHorizontally: true
});
//methods
fullpage_api.setAllowScrolling(false);
```
#### =8F80;870F8O A jQuery
A;8 E>B8B5, <>65B5 B0:65 8A?>;L7>20BL fullpage.js 2 :0G5AB25 ?;038=0 jQuery!
```javascript
$(document).ready(function() {
$('#fullpage').fullpage({
//options here
autoScrolling:true,
scrollHorizontally: true
});
//methods
$.fn.fullpage.setAllowScrolling(false);
});
```
$C=:F88 8 <5B>4K <>6=> 45;0BL B0: 65, :0: 8 A jQuery, :0: 2 [fullPage.js v2.X](https://github.com/alvarotrigo/fullPage.js/tree/2.9.7).
#### @8<5@ Vanilla JS A> 2A5<8 >?F8O<8
>;55 A;>6=0O 8=8F80;870F8O A CAB0=>2:>9 2A5E ?0@0<5B@>2 <>65B 2K3;O45BL B0::
```javascript
var myFullpage = new fullpage('#fullpage', {
//02830F8O
menu: '#menu',
lockAnchors: false,
anchors:['firstPage', 'secondPage'],
navigation: false,
navigationPosition: 'right',
navigationTooltips: ['firstSlide', 'secondSlide'],
showActiveTooltip: false,
slidesNavigation: false,
slidesNavPosition: 'bottom',
//!:@>;;8=3
css3: true,
scrollingSpeed: 700,
autoScrolling: true,
fitToSection: true,
fitToSectionDelay: 1000,
scrollBar: false,
easing: 'easeInOutCubic',
easingcss3: 'ease',
loopBottom: false,
loopTop: false,
loopHorizontal: true,
continuousVertical: false,
continuousHorizontal: false,
scrollHorizontally: false,
interlockedSlides: false,
dragAndMove: false,
offsetSections: false,
resetSliders: false,
fadingEffect: false,
normalScrollElements: '#element1, .element2',
scrollOverflow: false,
scrollOverflowReset: false,
scrollOverflowOptions: null,
touchSensitivity: 15,
normalScrollElementTouchThreshold: 5,
bigSectionsDestination: null,
//>ABC?
keyboardScrolling: true,
animateAnchor: true,
recordHistory: true,
//8709=
controlArrows: true,
verticalCentered: true,
sectionsColor : ['#ccc', '#fff'],
paddingTop: '3em',
paddingBottom: '10px',
fixedElements: '#header, .footer',
responsiveWidth: 0,
responsiveHeight: 0,
responsiveSlides: false,
parallax: false,
parallaxOptions: {type: 'reveal', percentage: 62, property: 'translate'},
//0AB@>8BL A5;5:B>@K
sectionSelector: '.section',
slideSelector: '.slide',
lazyLoading: true,
//A>1KB8O
onLeave: function(origin, destination, direction){},
afterLoad: function(origin, destination, direction){},
afterRender: function(){},
afterResize: function(width, height){},
afterResponsive: function(isResponsive){},
afterSlideLoad: function(section, origin, destination, direction){},
onSlideLeave: function(section, origin, destination, direction){}
});
```
### !>740=85 AAK;>: =0 @0745;K 8;8 A;094K
A;8 2K 8A?>;L7C5B5 fullPage.js A AAK;:0<8 ?@82O7:8 4;O @0745;>2 (?>;L7COAL >?F859 `anchors` 8;8 0B@81CB>< `data-anchor` 2 :064>< @0745;5), B> 2K A<>65B5 8A?>;L7>20BL AAK;:8 ?@82O7:8 B0:65 4;O ?5@5<5I5=8O =0?@O<CN : >?@545;Q==><C A;094C 2 @0745;5.
>B ?@8<5@ AAK;:8 A ?@82O7:>9: http://alvarotrigo.com/fullPage/#secondPage/2 (MB> URL, :>B>@K9 2K C2848B5 ?@8 4>ABC?5 : 40==><C @0745;C/A;094C 2@CG=CN)
1@0B8B5 2=8<0=85 =0 B>, GB> ?>A;54=OO G0ABL URL 70:0=G8205BAO M;5<5=B>< `#secondPage/2`.
@8 A;54CNI59 8=8F80;870F88:
```javascript
new fullpage('#fullpage', {
anchors:['firstPage', 'secondPage', 'thirdPage']
});
```
@82O7:0 `#secondPage/2` 2 :>=F5 URL >?@545;O5B 7040==K9 @0745; 8 A;094 A>>B25BAB25==>.  ?@54K4CI5< URL 7040==K< @0745;>< 1C45B O2;OBLAO @0745;, >?@545;Q==K9 ?@82O7:>9 `secondPage`, 0 7040==K< A;094>< 1C45B 2B>@>9 A;094, B0: :0: 4;O MB>3> <K 8 8A?>;L7>20;8 8=45:A `2`. (?5@2K9 A;094 2 @0745;5 8<55B 8=45:A 0, B0: :0: B5E=8G5A:8 MB> @0745;).
K <>3;8 1K 8A?>;L7>20BL A2>N ?@82O7:C 4;O A;0940, 0 =5 53> 8=45:A, 5A;8 1K <K 8A?>;L7>20;8 0B@81CB `data-anchor` 2 HTML-@07<5B:5 A;54CNI8< >1@07><:
```html
<div class="section">
<div class="slide" data-anchor="slide1"> !;094 1 </div>
<div class="slide" data-anchor="slide2"> !;094 2 </div>
<div class="slide" data-anchor="slide3"> !;094 3 </div>
<div class="slide" data-anchor="slide4"> !;094 4 </div>
</div>
```
 40==>< A;CG05 <K 1K 8A?>;L7>20;8 URL `#secondPage/slide3`, O2;ONI89AO M:2820;5=B=K< ?@54K4CI5<C - `#secondPage/2`.
1@0B8B5 2=8<0=85, GB> ?@82O7:8 : @0745;0< <>3CB A>74020BLAO B>G=> B0:65, A ?><>ILN 0B@81CB0 `data-anchor`, 5A;8 =5 ?@54CA<>B@5= @O4 :0:8E-;81> ?@82O7>: - `anchors`.
**=8<0=85!** >1>7=0G5=8O `data-anchor` =5 <>3CB 8<5BL 7=0G5=85, A>2?040NI55 A :0:8<-;81> M;5<5=B>< ID =0 A09B5 (8;8 M;5<5=B>< NAME - 4;O IE).
### !>740=85 1>;LH8E 8 <0;KE @0745;>2
[5<>](http://codepen.io/alvarotrigo/pen/BKjRYm) fullPage.js >15A?5G8205B 2>7<>6=>ABL C1@0BL >3@0=8G5=85 ?> 2KA>B5 @0745;>2 8 A;094>2. ABL 2>7<>6=>ABL A>74020BL @0745;K, 2KA>B0 :>B>@KE 1>;LH5 8;8 <5=LH5 >:=0 ?@>A<>B@0. -B0 DC=:F8O 8450;L=0 ?@8 8A?>;L7>20=88 :>;>=B8BC;>2.
06=> ?>=8<0BL, GB> =5B A<KA;0 2 ?@8<5=5=88 40==>9 DC=:F88 :> 2A5< 20H8< @0745;0<. @8 =0;8G88 1>;55 G5< >4=>3> @0745;0 ?@8 ?5@2>=0G0;L=>9 703@C7:5 A09B0 fullPage.js =5 A<>65B A45;0BL ?@>:@CB:C, GB>1K C2845BL A;54CNI89 @0745;, B0: :0: >= C65 8 B0: 1C45B =0E>48BLAO 2 >:=5 ?@>A<>B@0.
;O A>740=8O <5=LH8E @0745;>2 ?@>AB> 8A?>;L7C9B5 :;0AA `fp-auto-height` 2 @0745;5, : :>B>@><C E>B8B5 ?@8<5=8BL MBC DC=:F8N. ">340 2KA>B0 1C45B >?@545;OBLAO :>=B5=B>< 20H53> @0745;0/A;0940.
```html
<div class="section">>;=>5 >:=> ?@>A<>B@0</div>
<div class="section fp-auto-height">2B>2KA>B0</div>
```
#### 0745;K A ?>4AB@>9:>9 02B>2KA>BK
[5<>](https://codepen.io/alvarotrigo/pen/WZmMgZ) >4AB@>9:0 02B>2KA>BK <>65B 1KBL ?@8<5=5=0 A ?><>ILN :;0AA0 `fp-auto-height-responsive`.  B0:>< A;CG05 @0745;K 1C4CB >B>1@060BLAO 2 ?>;=CN 2KA>BC, ?>:0 =5 1C45B 0:B828@>20= @568< ?>4AB@>9:8.
### ;0AAK A>AB>O=89, 4>102;O5<K5 fullpage.js
Fullpage.js 4>102;O5B @07;8G=K5 :;0AAK : @07=K< M;5<5=B0<, GB>1K >BA;56820BL AB0BCA A09B0:
- `active` 4>102;O5BAO : B5:CI5<C >B>1@0605<><C @0745;C 8 A;094C.
- `active` 4>102;O5BAO : B5:CI5<C M;5<5=BC <5=N (5A;8 8A?>;L7C5BAO >?F8O `menu`).
- ;0AA 2840 `fp-viewing-SECTION-SLIDE` 4>102;O5BAO : M;5<5=BC `body`. (=0?@8<5@: [`fp-viewing-secondPage-0`](http://alvarotrigo.com/fullPage/#secondPage)) '0AB8 `SECTION` 8 `SLIDE` 1C4CB O2;OBLAO ?@82O7:0<8 (8;8 8=45:A0<8, 5A;8 ?@82O7:8 =5 ?@54CA<>B@5=K) : B5:CI5<C @0745;C 8 A;094C.
- `fp-responsive` 4>102;O5BAO : M;5<5=BC `body` ?@8 2E>45 2 @568< ?>4AB@>9:8
- `fp-enabled` 4>102;O5BAO : M;5<5=BC `html`, :>340 fullpage.js 0:B828@>20=. (8 C40;O5BAO ?@8 450:B820F88).
- `fp-destroyed` 4>102;O5BAO : E@0=8;8IC fullpage.js ?@8 450:B820F88 fullPage.js.
### B;>65==0O 703@C7:0
[5<>](http://codepen.io/alvarotrigo/pen/eNLBXo) fullPage.js >15A?5G8205B 2>7<>6=>ABL >B;>65==>9 703@C7:8 87>1@065=89, 2845>- 8 0C48>M;5<5=B>2, GB>1K >=8 =5 70<54;O;8 703@C7:C 20H53> A09B0 8 =5 B@0B8;8 157 =5>1E>48<>AB8 B@0D8: ?@8 ?5@540G5 40==KE.
@8 8A?>;L7>20=88 >B;>65==>9 703@C7:8 2A5 MB8 M;5<5=BK 1C4CB 703@C60BLAO B>;L:> ?@8 >B:@KB88 2 >:=5 :>=AB@C8@>20=8O.
AQ, GB> 20< =C6=> A45;0BL 4;O 0:B820F88 >B;>65==>9 703@C7:8, - MB> 87<5=8BL 20H 0B@81CB `src` =0 `data-src`, :0: ?>:070=> =865:
```
<img data-src="image.png">
<video>
<source data-src="video.webm" type="video/webm" />
<source data-src="video.mp4" type="video/mp4" />
</video>
```
A;8 2K C65 ?@8<5=O5B5 4@C3>9 A?>A>1 4;O >B;>65==>9 703@C7:8, :>B>@K9 B0:65 8A?>;L7C5B `data-src`, 2K <>65B5 >B:;NG8BL >B;>65==CN 703@C7:C fullPage.js, CAB0=>282 >?F8N `lazyLoading: false`.
### 2B>?@>83@K20=85/?@8>AB0=>2:0 2AB@>5==>3> <5480
**@8<5G0=85**: DC=:F8O 02B>?@>83@K20=8O <>65B =5 @01>B0BL =0 =5:>B>@KE <>18;L=KE CAB@>9AB20E, 2 7028A8<>AB8 >B 8E ! 8 1@0C75@0 (B> 5ABL, 2 [Safari 2 iOS](https://webkit.org/blog/6784/new-video-policies-for-ios/), 2 25@A8OE 4> 10.0).
#### @>83@K20=85 ?@8 703@C7:5 @0745;0/A;0940:
@8 8A?>;L7>20=88 0B@81CB0 `autoplay` 4;O 2845> 8;8 0C48>, 8;8 ?0@0<5B@0 `autoplay=1` 4;O 2AB@>5==KE D@59<>2 youtube, <5480 1C45B ?@>83@K20BLAO ?@8 703@C7:5 AB@0=8FK.
;O ?@>83@K20=8O <5480 ?@8 703@C7:5 @0745;0/A;0940, 8A?>;L7C9B5 `data-autoplay`. 0?@8<5@:
```html
<audio data-autoplay>
<source src="http://metakoncept.hr/horse.ogg" type="audio/ogg">
</audio>
```
#### @8>AB0=>2:0 ?@8 ?>:840=88 AB@0=8FK
AB@>5==K5 D@59<K HTML5 `<video>` / `<audio>` 8 Youtube 02B><0B8G5A:8 >AB0=02;820NBAO, :>340 2K ?>:8405B5 @0745; 8;8 A;094. -B> <>6=> >B:;NG8BL A ?><>ILN 0B@81CB0 `data-keepplaying`. 0?@8<5@:
```html
<audio data-keepplaying>
<source src="http://metakoncept.hr/horse.ogg" type="audio/ogg">
</audio>
```
### A?>;L7>20=85 @0AH8@5=89
fullpage.js [?@54>AB02;O5B @O4 @0AH8@5=89](http://alvarotrigo.com/fullPage/extensions/), :>B>@K5 2K <>65B5 8A?>;L7>20BL 4;O C;CGH5=8O 53> DC=:F89, ?@54CA<>B@5==KE ?> C<>;G0=8N. A5 >=8 ?@54AB02;5=K :0: [>?F88 fullpage.js](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#?F88).
;O @0AH8@5=89 20< B@51C5BAO 8A?>;L7>20BL <8=8D8F8@>20==K9 D09; [`fullpage.extensions.min.js`](https://github.com/alvarotrigo/fullPage.js/blob/master/dist/fullpage.extensions.min.js), =0E>4OI89AO 2 [?0?:5 `dist`](https://github.com/alvarotrigo/fullPage.js/tree/master/dist), 0 =5 >1KG=K9 D09; fullPage.js (`fullpage.js` 8;8 `fullpage.min.js`).
>A;5 ?@8>1@5B5=8O D09;0 @0AH8@5=8O 20< =C6=> 1C45B 4>1028BL 53> ?5@54 fullPage. 0?@8<5@, 5A;8 O E>GC 8A?>;L7>20BL @0AH8@5=85 Continuos Horizontal, <=5 =C6=> 1C45B 2:;NG8BL D09; @0AH8@5=8O, 0 70B5<  25@A8N D09;0 fullPage 4;O @0AH8@5=89.
```html
<script type="text/javascript" src="fullpage.continuousHorizontal.min.js"></script>
<script type="text/javascript" src="fullpage/fullpage.extensions.min.js"></script>
```
;NG 0:B820F88 8 :;NG ;8F5=788 ?>B@51CNBAO 4;O :064>3> @0AH8@5=8O. [#7=09B5 1>;55 ?>4@>1=> >1 MB>< 745AL](https://github.com/alvarotrigo/fullPage.js/blob/master/lang/russian/how-to-activate-fullpage-extension.md).
0B5< 2K A<>65B5 8A?>;L7>20BL 8 =0AB@0820BL 8E, :0: @07JOA=O5BAO 2 @0745;5 [>?F88](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#?F88).
## ?F88
- `licenseKey`: (?> C<>;G0=8N `null`). **-B0 >?F8O O2;O5BAO >1O70B5;L=>9.** A;8 2K 8A?>;L7C5B5 fullPage 4;O ?@>5:B0 A 70:@KBK< 8AE>4=K< :>4><, B> 20< A;54C5B 2>A?>;L7>20BLAO ;8F5=78>==K< :;NG><, ?@54>AB02;O5<K< ?@8 ?@8>1@5B5=88 :><<5@G5A:>9 ;8F5=788 fullPage. ;8 65 2K <>65B5 8A?>;L7>20BL AB@>:C `OPEN-SOURCE-GPLV3-LICENSE`. K <>65B5 ?@>G5ABL ?>4@>1=55 > ;8F5=78OE [745AL](https://github.com/alvarotrigo/fullPage.js#license) 8 [=0 251-A09B5](https://alvarotrigo.com/fullPage/pricing/).
- `v2compatible`: (7=0G5=85 ?> C<>;G0=8N: `false`). ?@545;O5B 100% A>2<5AB8<>ABL A ;N1K< :>4><, =0?8A0==K< 4;O 25@A88 2, 83=>@8@CO =>2K5 DC=:F88 8;8 87<5=5=8O API 25@A88 3. ;0AAK A>AB>O=89, A83=0BC@K >1@0B=KE 2K7>2>2 8 B.?. 1C4CB @01>B0BL B0: 65, :0: 2 25@A88 2. **1@0I05< 20H5 2=8<0=85 =0 B>, GB> 40==0O >?F8O 2 1C4CI5< 1C45B C40;5=0.**.
- `controlArrows`: (?> C<>;G0=8N `true`) ?@545;O5B 8A?>;L7>20=85 :;028H-AB@5;>: 4;O ?5@542865=8O 2?@02> 8;8 2;52> ?@8 ?@>A<>B@5 A;094>2.
- `verticalCentered`: (?> C<>;G0=8N `true`) 5@B8:0;L=>5 F5=B@8@>20=85 :>=B5=B0 2 @0745;0E. @8 CAB0=>2:5 40==>3> @0AH8@5=8O - `true`, 20H :>=B5=B 1C45B >1Q@=CB 181;8>B5:>9. 0AA<>B@8B5 2>7<>6=>ABL 45;538@>20=8O 8;8 703@C78B5 20H8 A:@8?BK 4;O >1@0B=>3> 2K7>20 `afterRender`.
- `scrollingSpeed`: (?> C<>;G0=8N `700`) #A:>@LB5 =0 <8;;8A5:C=4K ?5@5E>4K ?@8 A:@>;;8=35.
- `sectionsColor`: (?> C<>;G0=8N `none`) @8A2>9B5 CSS-A2>9AB2> `background-color` :064><C @0745;C.
@8<5@:
```javascript
new fullpage('#fullpage', {
sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'whitesmoke', '#000'],
});
```
- `anchors`: (?> C<>;G0=8N `[]`) 15A?5G8205B @07<5I5=85 AAK;>: A ?@82O7:0<8 (#?@8<5@) 2 URL 4;O :064>3> @0745;0. =0G5=8O ?@82O7>: 4>;6=K 1KBL C=8:0;L=K<8. >;>65=85 ?@82O7>: 2 @O4C 1C45B >?@545;OBL B>, : :0:><C @0745;C ?@8<5=O5BAO ?@82O7:0. (2B>@0O ?>78F8O 4;O 2B>@>3> @0745;0 8 B0: 40;55). A?>;L7>20=85 ?@82O7>: B0:65 40QB 2>7<>6=>ABL =02830F88 2?5@Q4 8 =0704 2 1@0C75@5. -B0 >?F8O B0:65 40QB ?>;L7>20B5;O< 2>7<>6=>ABL 4>102;OBL 2 70:;04:8 >?@545;Q==K9 @0745; 8;8 A;094. **=8<0=85!** ?@82O7:8 =5 <>3CB 8<5BL 7=0G5=85, A>2?040NI55 A :0:8<-;81> M;5<5=B>< ID =0 A09B5 (8;8 M;5<5=B>< NAME - 4;O IE).
"5?5@L ?@82O7:8 <>3CB 4>102;OBLAO ?@O<> 2 HTML-AB@C:BC@5 A ?><>ILN 0B@81CB0 `data-anchor`, :0: >1JOA=O5BAO 745AL.
- `lockAnchors`: (?> C<>;G0=8N `false`) ?@545;O5B, 1C4CB ;8 2>>1I5 459AB2>20BL 2 181;8>B5:5 ?@82O7:8 2 URL. K ?>-?@56=5<C A<>65B5 8A?>;L7>20BL ?@82O7:8 2 70:@KB>< D>@<0B5 4;O 20H8E A>1AB25==KE DC=:F89 8 >1@0B=KE 2K7>2>2, => 2 A:@>;;8=35 A09B0 >=8 CG0AB2>20BL =5 1C4CB. -B> ?>;57=0O DC=:F8O, 5A;8 2K E>B8B5 A>2<5AB8BL fullPage.js A 4@C38<8 ?;038=0<8, 8A?>;L7CNI8<8 ?@82O7:8 2 URL.
**06=>** C6=> ?>=8<0BL, GB> 7=0G5=8O 2 @O4C >?F89 `anchors` =0?@O<CN A>>B=>AOBAO A M;5<5=B>< :;0AA0 `.section` ?@8 ?><>I8 8E <5AB>?>;>65=8O 2 @07<5B:5.
- `easing`: (?> C<>;G0=8N `easeInOutCubic`) ?@545;O5B MDD5:B ?5@5E>40, 8A?>;L7C5<K9 ?@8 25@B8:0;L=>< 8 3>@87>=B0;L=>< A:@>;;8=35.
5>1E>48< D09; `vendors/easings.min.js` 8;8 [jQuery UI](http://jqueryui.com/) 4;O 8A?>;L7>20=8O =5:>B>@KE 87 [?5@5E>4>2](http://api.jqueryui.com/easings/). >3CB 8A?>;L7>20BLAO 4@C385 181;8>B5:8.
- `easingcss3`: (?> C<>;G0=8N `ease`) ?@545;O5B MDD5:B ?5@5E>40 4;O ?@8<5=5=8O 2 A;CG05 8A?>;L7>20=8O `css3:true`. K <>65B5 8A?>;L7>20BL [?@54CAB0=>2;5==K5 MDD5:BK](http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp) (B0:85 :0: `linear`, `ease-out`...) 8;8 A>740BL A2>8 A>1AB25==K5 ?@8 ?><>I8 DC=:F88 `cubic-bezier`. K B0:65 <>65B5 8A?>;L7>20BL 4;O MB>9 F5;8 [Matthew Lein CSS Easing Animation Tool](http://matthewlein.com/ceaser/.
- `loopTop`: (?> C<>;G0=8N `false`) ?@545;O5B, 1C45B ;8 >ACI5AB2;OBLAO A:@>;;8=3 : ?>A;54=5<C @0745;C ?@8 ?@>;8ABK20=88 ?5@2>3> @0745;0 225@E.
- `loopBottom`: (?> C<>;G0=8N `false`) ?@545;O5B, 1C45B ;8 >ACI5AB2;OBLAO A:@>;;8=3 : ?5@2><C @0745;C ?@8 ?@>;8ABK20=88 ?>A;54=53> @0745;0 2=87.
- `loopHorizontal`: (?> C<>;G0=8N `true`) ?@545;O5B, 1C4CB ;8 3>@87>=B0;L=K5 A;0945@K @01>B0BL F8:;8G=> ?>A;5 ?5@5E>40 : ?>A;54=5<C 8;8 ?@54K4CI5<C A;094C.
- `css3`: (?> C<>;G0=8N `true`). ?@545;O5B 8A?>;L7>20=85 JavaScript 8;8 CSS3-B@0=AD>@<0F89 4;O A:@>;;8=30 2 ?@545;0E @0745;>2 8 A;094>2. -B0 DC=:F8O ?><>305B CA:>@8BL ?@>;8ABK20=85 4;O ?;0=H5B>2 8 <>18;L=KE CAB@>9AB2, 1@0C75@K :>B>@KE ?>445@6820NB CSS3. A;8 CAB0=>2;5=> 7=0G5=85 `true` 4;O MB>9 >?F88 8 1@0C75@ =5 ?>445@68205B CSS3, 1C45B 8A?>;L7>20=0 0;LB5@=0B820.
- `autoScrolling`: (?> C<>;G0=8N `true`) ?@545;O5B 8A?>;L7>20=85 <EFBFBD>02B><0B8G5A:>3><EFBFBD> A:@>;;8=30 8;8 <EFBFBD>>1KG=>3><EFBFBD>. "0:65 MB0 >?F8O 2;8O5B =0 @07<5I5=85 @0745;>2 2 >:=5 1@0C75@0/CAB@>9AB20 4;O ?;0=H5B>2 8 <>18;L=KE CAB@>9AB2.
- `fitToSection`: (?> C<>;G0=8N `true`) ?@545;O5B, =C6=0 ;8 ?>4AB@>9:0 @0745;>2 ?>4 >:=> ?@>A<>B@0. @8 CAB0=>2:5 7=0G5=8O `true` 4;O 40==>9 >?F88 B5:CI89 0:B82=K9 @0745; 2A5340 1C45B 70?>;=OBL >:=> ?@>A<>B@0.  ?@>B82=>< A;CG05 ?>;L7>20B5;L 1C45B 8<5BL 2>7<>6=>ABL >AB0=>28BLAO =0 A5@548=5 @0745;0 (:>340 )
- `fitToSectionDelay`: (?> C<>;G0=8N 1000). A;8 4;O >?F88 `fitToSection` CAB0=>2;5=> 7=0G5=85 `true`, 40==0O DC=:F8O 70<54;8B ?>4AB@>9:C =0 =0AB@>5==K5 <8;;8A5:C=4K.
- `scrollBar`: (?> C<>;G0=8N `false`) ?@545;O5B, 1C45B ;8 8A?>;L7>20BLAO ?>;>A0 ?@>:@CB:8 =0 A09B5. @8 8A?>;L7>20=88 ?>;>AK ?@>:@CB:8 DC=:F8O `autoScrolling` 1C45B @01>B0BL :0: >1KG=>. >;L7>20B5;L ?>-?@56=5<C A<>65B ?@>;8ABK20BL A09B A ?><>ILN ?>;>AK ?@>:@CB:8, 8 fullPage.js ?>4AB@>8B @0745; ?>4 M:@0= ?> >:>=G0=88 A:@>;;8=30.
- `paddingTop`: (?> C<>;G0=8N `0`) ?@545;O5B 25@E=89 >BABC? 4;O :064>3> @0745;0 2 G8A;>2>< D>@<0B5 (paddingTop: '10px', paddingTop: '10em'...) 0==0O DC=:F8O C4>1=0 ?@8 8A?>;L7>20=88 D8:A8@>20==KE 25@E=8E :>;>=B8BC;>2.
- `paddingBottom`: (?> C<>;G0=8N `0`) ?@545;O5B =86=89 >BABC? 4;O :064>3> @0745;0 2 G8A;>2>< D>@<0B5 (paddingBottom: '10px', paddingBottom: '10em'...). 0==0O DC=:F8O C4>1=0 ?@8 8A?>;L7>20=88 D8:A8@>20==KE =86=8E :>;>=B8BC;>2.
- `fixedElements`: (?> C<>;G0=8N `null`) ?@545;O5B, :0:85 M;5<5=BK 1C4CB 8A:;NG5=K 87 AB@C:BC@K A:@>;;8=30 ?;038=0, GB> =5>1E>48<> ?@8 8A?>;L7>20=88 >?F88 `css3` 4;O 8E D8:A0F88. ;O MB>3> =5>1E>48<0 AB@>:0 A A5;5:B>@0<8 Javascript 4;O 40==KE M;5<5=B>2. (0?@8<5@: `fixedElements: '#element1, .element2'`)
- `normalScrollElements`: (?> C<>;G0=8N `null`) A;8 2K E>B8B5 871560BL 02B>?@>:@CB:8 ?@8 A:@>;;8=35 =5:>B>@KE M;5<5=B>2, 20< =C6=> 8A?>;L7>20BL MBC >?F8N. (?@83>48BAO 4;O :0@B, ?@>:@CB:8 div-M;5<5=B>2 8 B.4.) ;O MB>3> =5>1E>48<0 AB@>:0 A A5;5:B>@0<8 Javascript 4;O 40==KE M;5<5=B>2. (0?@8<5@: `normalScrollElements: '#element1, .element2'`). 0==CN >?F8N A;54C5B ?@8<5=OBL : A0<8< @0745;0</A;0940<.
- `normalScrollElementTouchThreshold` : (?> C<>;G0=8N `5`) ?@545;O5B ?>@>3 :>;8G5AB20 ?@>;8ABK20=89, :>B>@>5 ?@>25@8B 45@52> C7;>2 html Fullpage, GB>1K C1548BLAO, GB> `normalScrollElements` ?>72>;O5B A:@>;;8=3 =0 div-M;5<5=B0E =0 A5=A>@=>< CAB@>9AB25. (0?@8<5@: `normalScrollElementTouchThreshold: 3`)
- `bigSectionsDestination`: (?> C<>;G0=8N `null`) ?@545;O5B, :0: 4>;6=0 >ACI5AB2;OBLAO ?@>:@CB:0 : @0745;C, @07<5@ :>B>@>3> ?@52KH05B @07<5@ >:=0 ?@>A<>B@0. > C<>;G0=8N fullPage.js ?@>;8ABK205B 225@E, 5A;8 2K ?>?0405B5 87 @0745;0 =04 7040==K<, 8 2=87, 5A;8 2K ?>?0405B5 87 @0745;0 ?>4 7040==K<. >7<>6=K5 7=0G5=8O: `top`, `bottom`, `null`.
- `keyboardScrolling`: (?> C<>;G0=8N `true`) ?@545;O5B 2>7<>6=>ABL =02830F88 =0 A09B5 ?@8 ?><>I8 :;0280BC@K.
- `touchSensitivity`: (?> C<>;G0=8N `5`) ?@545;O5B H8@8=C 8 2KA>BC 1@0C75@>2 2 ?@>F5=B0E, 0 B0:65 B>, =0A:>;L:> 4;8==K< 4>;6=> 1KBL ?@>;8ABK20=85 4;O ?5@5E>40 : A;54CNI5<C @0745;C/A;094C.
- `continuousVertical`: (?> C<>;G0=8N `false`) ?@545;O5B, 1C45B ;8 >ACI5AB2;OBLAO A:@>;;8=3 : ?>A;54=5<C @0745;C ?@8 ?@>;8ABK20=88 ?5@2>3> @0745;0 225@E 8 : ?5@2><C @0745;C ?@8 ?@>;8ABK20=88 ?>A;54=53> @0745;0 2=87. ?F8O =5A>2<5AB8<0 A >?F8O<8 `loopTop`, `loopBottom` 8 ;N1K<8 ?>;>A0<8 ?@>:@CB:8, 8A?>;L7C5<K<8 =0 A09B5 (`scrollBar:true` 8;8 `autoScrolling:false`).
- `continuousHorizontal`: (?> C<>;G0=8N `false`) [ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). ?@545;O5B, 1C45B ;8 ?@8 ?@>;8ABK20=88 2?@02> ?>A;54=53> A;0940 >ACI5AB2;OBLAO ?@>:@CB:0 2?@02> : ?5@2><C A;094C, 0 B0:65 ?@8254QB ;8 ?@>:@CB:0 2;52> ?5@2>3> A;0940 : ?@>:@CB:5 2;52> : ?>A;54=5<C A;094C. ?F8O =5A>2<5AB8<0 A >?F859 `loopHorizontal`. 5>1E>48<0 25@A8O fullpage.js >= 2.8.3.
- `scrollHorizontally`: (?> C<>;G0=8N `false`) [ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). ?@545;O5B >ACI5AB2;5=85 3>@87>=B0;L=>3> ?@>;8ABK20=8O ?>;7C=:>2 ?@8 ?><>I8 :>;5A0 <KH8 8;8 B@5:?040. 450;L=0 4;O @0AA:07>2. 5>1E>48<0 25@A8O fullpage.js >= 2.8.3.
- `interlockedSlides`: (?> C<>;G0=8N `false`) [ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). ?@545;O5B ,1C45B ;8 ?@8 ?5@542865=88 >4=>3> 3>@87>=B0;L=>3> ?>;7C=:0 >ACI5AB2;OBLAO ?@>;8ABK20=85 ?>;7C=:>2 4@C3>3> @0745;0 2 B>< 65 =0?@02;5=88. >7<>6=K5 7=0G5=8O: `true`, `false` 8;8 ?>A;54>20B5;L=>ABL 2708<>A2O70==KE @0745;>2. 0?@8<5@: `[1,3,5]`, =0G8=0O A 1. 5>1E>48<0 25@A8O fullpage.js >= 2.8.3.
- `dragAndMove`: (?> C<>;G0=8N `false`) [ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). :B828@C5B 8;8 450:B828@C5B ?@>BO3820=85 8 ?@>;8ABK20=85 @0745;>2 8 A;094>2 ?@8 ?><>I8 <KH8 8;8 ?0;LF52. >7<>6=K5 7=0G5=8O: `true`, `false`, `vertical`, `horizontal`, `fingersonly`, `mouseonly`,. 5>1E>48<0 25@A8O fullPage.js >= 2.8.9.
- `offsetSections`: (?> C<>;G0=8N `false`)[ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). 15A?5G8205B 2>7<>6=>ABL 8A?>;L7>20BL =5?>;=>M:@0==K5 @0745;K =0 >A=>20=88 8E ?@>F5=B=KE 7=0G5=89. ?F8O 8450;L=0 4;O 45<>=AB@0F88 ?>;L7>20B5;N B>3>, GB> =0 A09B5 5ABL 1>;LH5 :>=B5=B0, ?>:07K20O G0ABL A;54CNI53> 8;8 ?@54K4CI53> @0745;0. 5>1E>48<0 25@A8O fullPage.js >= 2.8.8
;O >?@545;5=8O ?@>F5=B=>3> 7=0G5=8O :064>3> @0745;0 =5>1E>48<> 8A?>;L7>20BL 0B@81CB `data-percentage`. &5=B@8@>20=85 @0745;0 2 >:=5 ?@>A<>B@0 <>65B >?@545;OBLAO ?@8 ?><>I8 ;>38G5A:>3> 7=0G5=8O 2 0B@81CB5 `data-centered` (?> C<>;G0=8N `true`, 5A;8 =5 >?@545;5=>). 0?@8<5@:
``` html
<div class="section" data-percentage="80" data-centered="true">
```
- `resetSliders`: (?> C<>;G0=8N `false`). [ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). ?@545;O5B, =5>1E>48<> ;8 2>72@0I0BL 2 8AE>4=>5 ?>;>65=85 :064K9 ?>;7C=>: ?>A;5 ?>:840=8O @0745;0, 2 :>B>@>< >= @07<5IQ=. 5>1E>48<0 25@A8O fullpage.js >= 2.8.3.
- `fadingEffect`: (?> C<>;G0=8N `false`). [ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). ?@545;O5B, 1C45B ;8 8A?>;L7>20BLAO MDD5:B 70BCE0=8O 2<5AB> 8A?>;L7C5<>3> ?> C<>;G0=8N MDD5:B0 ?@>:@CB:8. >7<>6=K5 7=0G5=8O `true`, `false`, `sections`, `slides`. "0:8< >1@07><, 40==K9 ?0@0<5B@ <>65B ?@8<5=OBLAO B>;L:> 25@B8:0;L=> 8;8 3>@87>=B0;L=>, 8;8 65 >4=>2@5<5==> 2 >1>8E =0?@02;5=8OE. 5>1E>48<0 25@A8O fullpage.js >= 2.8.6.
- `animateAnchor`: (?> C<>;G0=8N `true`) ?@545;O5B, 1C45B ;8 2> 2@5<O 703@C7:8 A09B0 ?@8 8A?>;L7>20=88 ?@82O7>: (#) >ACI5AB2;OBLAO ?@>:@CB:0 A 0=8<0F859 : =07=0G5==><C @0745;C 8;8 65 =0?@O<CN.
- `recordHistory`: (?> C<>;G0=8N `true`) ?@545;O5B, =C6=> ;8 >B>1@060BL A>AB>O=85 A09B0 2 8AB>@88 1@0C75@0. @8 CAB0=>2:5 7=0G5=8O `true` :064K9 @0745;/A;094 A09B0 1C45B 459AB2>20BL :0: =>20O AB@0=8F0, 8 :=>?:8 1@0C75@0 <EFBFBD>=0704<EFBFBD> 8 <EFBFBD>2?5@Q4<EFBFBD> ?@>:@CBOB @0745;K/A;094K 4;O ?5@5E>40 : ?@54K4CI5<C 8;8 A;54CNI5<C A>AB>O=8N A09B0. @8 CAB0=>2:5 7=0G5=8O `false` URL 1C45B ?@>4>;60BL <5=OBLAO, => =5 >B@078BAO =0 8AB>@88 1@0C75@0. 0==0O >?F8O >B:;NG05BAO 02B><0B8G5A:8 ?@8 8A?>;L7>20=88 >?F88 `autoScrolling:false`.
- `menu`: (?> C<>;G0=8N `false`) !5;5:B>@ <>65B 8A?>;L7>20BLAO 4;O A2O78 M;5<5=B>2 <5=N A @0745;0<8. "0:8< >1@07><, A:@>;;8=3 @0745;>2 0:B828@C5B A>>B25BAB2CNI89 M;5<5=B <5=N ?@8 ?><>I8 :;0AA0 `active`.
-B> =5 ?@8254QB : A>740=8N =>2>3> <5=N, 0 ;8HL 4>1028B :;0AA `active` M;5<5=BC 2 8<5NI5<AO <5=N A A>>B25BAB2CNI8<8 AAK;:0<8 A ?@82O7:0<8.
'B>1K A2O70BL M;5<5=BK <5=N A @0745;0<8, =5>1E>48<> 1C45B 8A?>;L7>20BL 8=D>@<0F8>==K9 1;>: HTML 5 (`data-menuanchor`) A B5<8 65 AAK;:0<8 A ?@82O7:0<8, :>B>@K5 8A?>;L7CNBAO 2 @0745;0E. @8<5@:
```html
<ul id="myMenu">
<li data-menuanchor="firstPage" class="active"><a href="#firstPage">5@2K9 @0745;</a></li>
<li data-menuanchor="secondPage"><a href="#secondPage">B>@>9 @0745;</a></li>
<li data-menuanchor="thirdPage"><a href="#thirdPage">"@5B89 @0745;</a></li>
<li data-menuanchor="fourthPage"><a href="#fourthPage">'5B2Q@BK9 @0745;</a></li>
</ul>
```
```javascript
new fullpage('#fullpage', {
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
menu: '#myMenu'
});
```
**=8<0=85:** M;5<5=B <5=N 4>;65= ?><5I0BLAO 70 ?@545;0<8 >1Q@B>G=>3> :>40 4;O ?>;=>3> M:@0=0 2> 871560=85 ?@>1;5< ?@8 8A?>;L7>20=88 `css3:true`.  ?@>B82=>< A;CG05 >= 1C45B ?@8A>548=Q= : `body` A0<8< ?;038=><.
- `navigation`: (?> C<>;G0=8N `false`) @8 CAB0=>2:5 7=0G5=8O `true` ?0=5;L =02830F88 1C45B >B>1@065=0 2 2845 =51>;LH8E :@C6:>2.
- `navigationPosition`: (?> C<>;G0=8N `none`) >3CB 1KBL CAB0=>2;5=K 7=0G5=8O `left` 8;8 `right`. ?F8O >?@545;O5B, :0:>5 ?>;>65=85 709<5B ?0=5;L =02830F88 (5A;8 >=0 8A?>;L7C5BAO).
- `navigationTooltips`: (?> C<>;G0=8N []) ?@545;O5B A?@02>G=K5 =04?8A8, :>B>@K5 1C4CB ?>:070=K 4;O :@C6:>2 =02830F8>==>9 ?0=5;8, 5A;8 >=8 8A?>;L7CNBAO. 0?@8<5@: `navigationTooltips: ['firstSlide', 'secondSlide']`. K <>65B5 B0:65 >?@545;8BL 8E A ?><>ILN 0B@81CB0 `data-tooltip` 2 :064>< @0745;5, 5A;8 E>B8B5.
- `showActiveTooltip`: (?> C<>;G0=8N `false`) >:07K205B ?>AB>O==CN A?@02>G=CN =04?8AL 4;O ?@>A<0B@8205<>3> 2 40==K9 <><5=B @0745;0 2 25@B8:0;L=>9 =02830F88.
- `slidesNavigation`: (?> C<>;G0=8N `false`) @8 CAB0=>2:5 7=0G5=8O `true` =02830F8>==0O ?0=5;L 1C45B >B>1@060BLAO 2 2845 =51>;LH8E :@C6:>2 4;O :064>3> 3>@87>=B0;L=>3> ?>;7C=:0 A09B0.
- `slidesNavPosition`: (?> C<>;G0=8N `bottom`) ?@545;O5B <5AB>?>;>65=85 3>@87>=B0;L=>9 =02830F8>==>9 ?0=5;8 4;O A;0945@>2. >7<>6=K5 7=0G5=8O: `top` 8 `bottom`. @8 65;0=88 2K <>65B5 =0AB@>8BL AB8;8 CSS 4;O >?@545;5=8O @0AAB>O=8O >B 25@E=59 4> =86=59 G0AB8, B0: 65 :0: 8 ;N1>9 4@C3>9 AB8;L, =0?@8<5@, F25B.
- `scrollOverflow`: (?> C<>;G0=8N `false`) >?@545;O5B =5>1E>48<>ABL A>740=8O ?@>:@CB:8 4;O @0745;0/A;0940, 5A;8 :>=B5=B ?@52KH05B 53> 2KA>BC. @8 CAB0=>2:5 7=0G5=8O `true` 20H :>=B5=B 1C45B >1Q@=CB ?;038=><. 0AA<>B@8B5 2>7<>6=>ABL 45;538@>20=8O 8;8 703@C78B5 20H8 A:@8?BK 4;O >1@0B=>3> 2K7>20 `afterRender`.
@8 CAB0=>2:5 7=0G5=8O `true` =5>1E>48<0 181;8>B5:0 @07@01>BG8:0 [`scrolloverflow.min.js`](https://github.com/alvarotrigo/fullPage.js/blob/master/vendors/scrolloverflow.min.js), :>B>@0O 4>;6=0 1KBL 703@C65=0 4> 703@C7:8 ?;038=0 fullPage.js, => ?>A;5 jQuery (5A;8 8A?>;L7C5BAO).
0?@8<5@:
```html
<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script>
<script type="text/javascript" src="fullpage.js"></script>
```
'B>1K ?@54>B2@0B8BL A>740=85 fullpage.js ?>;>AK ?@>:@CB:8 2 >?@545;Q==KE @0745;0E 8;8 A;0940E, 8A?>;L7C9B5 :;0AA `fp-noscroll`. 0?@8<5@: `<div class="section fp-noscroll">`
K <>65B5 871560BL ?@8<5=5=8O scrolloverflow 2 >B7K2G82>< @568<5, 8A?>;L7CO `fp-auto-height-responsive 2 M;5<5=B5 @0745;0.
- `scrollOverflowReset`: (?> C<>;G0=8N `false`) [ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). @8 CAB0=>2:5 7=0G5=8O `true` 1C45B >ACI5AB2;OBLAO ?@>:@CB:0 :>=B5=B0 @0745;0/A;0940 A ?><>ILN ?>;>AK ?@>:@CB:8 ?@8 ?>:840=88 4@C3>3> 25@B8:0;L=>3> @0745;0. "0:8< >1@07><, @0745;/A;094 1C45B 2A5340 ?>:07K20BL =0G0;> :>=B5=B0 4065 ?@8 A:@>;;8=35 87 @0745;0/A;0940, @0A?>;>65==>3> =865.
- `scrollOverflowOptions`: ?@8 ?@8<5=5=88 scrollOverflow:true fullpage.js 1C45B 8A?>;L7>20BL <>48D8F8@>20==CN 25@A8N [iScroll.js libary](https://github.com/cubiq/iscroll/). K <>65B5 =0AB@>8BL ?>2545=85 ?@>:@CB:8, >15A?5G82 fullpage.js >?F8O<8 iScroll.js, :>B>@K5 2K E>B8B5 8A?>;L7>20BL. >;55 ?>4@>1=CN 8=D>@<0F8N 2K <>65B5 =09B8 2 [4>:C<5=B0F88](http://iscrolljs.com/).
- `sectionSelector`: (?> C<>;G0=8N `.section`) ?@545;O5B A5;5:B>@ Javascript, 8A?>;L7C5<K9 4;O @0745;>2 A ?;038=0<8. =>340 B@51C5BAO 87<5=8BL 53>, GB>1K 871560BL ?@>1;5< A 4@C38<8 ?;038=0<8, 8A?>;L7CNI8<8 B5 65 A5;5:B>@K, GB> 8 fullpage.js.
- `slideSelector`: (?> C<>;G0=8N `.slide`) ?@545;O5B A5;5:B>@ Javascript, 8A?>;L7C5<K9 4;O A;094>2 A ?;038=0<8. =>340 B@51C5BAO 87<5=8BL 53>, GB>1K 871560BL ?@>1;5< A 4@C38<8 ?;038=0<8, 8A?>;L7CNI8<8 B5 65 A5;5:B>@K, GB> 8 fullpage.js.
- `responsiveWidth`: (?> C<>;G0=8N `0`) C45B 8A?>;L7>20BLAO AB0=40@B=0O ?@>:@CB:0 (`autoScrolling:false`), 5A;8 H8@8=0 <5=LH5, G5< 7040==>5 7=0G5=85 2 ?8:A5;OE. ;0AA `fp-responsive` 4>102;O5BAO : B53C body, 5A;8 ?>;L7>20B5;L 65;05B 8A?>;L7>20BL 4;O A>1AB25==>3> >B7K2G82>3> CSS. 0?@8<5@, 5A;8 CAB0=>2;5=> 7=0G5=85 900, B>, 5A;8 H8@8=0 1@0C75@0 A>AB02;O5B <5=55 900, ?;038= 1C45B ?@>:@CG820BL, :0: >1KG=K9 A09B.
- `responsiveHeight`: (?> C<>;G0=8N `0`) C45B 8A?>;L7>20BLAO AB0=40@B=0O ?@>:@CB:0 (`autoScrolling:false`), 5A;8 2KA>B0 <5=LH5, G5< 7040==>5 7=0G5=85 2 ?8:A5;OE. ;0AA `fp-responsive` 4>102;O5BAO : B53C body, 5A;8 ?>;L7>20B5;L 65;05B 8A?>;L7>20BL 4;O A>1AB25==>3> >B7K2G82>3> CSS. 0?@8<5@, 5A;8 CAB0=>2;5=> 7=0G5=85 900, B>, 5A;8 2KA>B0 1@0C75@0 A>AB02;O5B <5=55 900, ?;038= 1C45B ?@>:@CG820BL, :0: >1KG=K9 A09B.
- `responsiveSlides`: (?> C<>;G0=8N `false`) [ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). @8 CAB0=>2:5 7=0G5=8O `true` A;094K 1C4CB B@0=AD>@<8@>20BLAO 2 25@B8:0;L=K5 @0745;K ?@8 0:B820F88 >B7K2G82>3> @568<0. (A ?><>ILN >?F89 `responsiveWidth` 8;8 `responsiveHeight`, ?>4@>1=> >?8A0==KE 2KH5). 5>1E>48<0 25@A8O fullpage.js >= 2.8.5.
- `parallax`: (?> C<>;G0=8N `false`) [ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). ?@545;O5B, 1C4CB ;8 8A?>;L7>20BLAO MDD5:BK ?0@0;;0:A 4;O D>=0 @0745;>2 / A;094>2. [#7=09B5 1>;LH5 >1 8A?>;L7>20=88 >?F88 ?0@0;;0:A 745AL](https://github.com/alvarotrigo/fullPage.js/blob/master/lang/russian/parallax-extension.md).
- `parallaxOptions`: (?> C<>;G0=8N: `{ type: 'reveal', percentage: 62, property: 'translate'}`). >72>;O5B =0AB@0820BL ?0@0<5B@K MDD5:B0 ?0@0;;0:A 4;O D>=0 ?@8 8A?>;L7>20=88 >?F88 parallax:true. [#7=09B5 1>;LH5 >1 8A?>;L7>20=88 >?F88 ?0@0;;0:A 745AL](https://github.com/alvarotrigo/fullPage.js/blob/master/lang/russian/parallax-extension.md).
- `lazyLoading`: (?> C<>;G0=8N `true`) B;>65==0O 703@C7:0 2:;NG5=0 ?> C<>;G0=8N, GB> >7=0G05B, GB> 40==0O >?F8O 1C45B >ACI5AB2;OBL >B;>65==CN 703@C7:C ;N1>3> <5480-M;5<5=B0, A>45@60I53> 0B@81CB `data-src`, :0: >?8A0=> 2 [4>:C<5=B0F88 >B;>65==>9 703@C7:8](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#B;>65==0O-703@C7:0). A;8 2K 65;05B5 8A?>;L7>20BL ;N1CN 4@C3CN 181;8>B5:C >B;>65==>9 703@C7:8, 2K <>65B5 450:B828@>20BL 40==CN DC=:F8N fullpage.js.
## $C=:F88
>65B5 C2845BL 8E 2 459AB288 [745AL](http://alvarotrigo.com/fullPage/examples/methods.html)
### getActiveSection()
[5<>](https://codepen.io/alvarotrigo/pen/VdpzRN/) 0QB >1J5:B (=015@8B5 [Section](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian#%D0%9E%D0%B1%D1%80%D0%B0%D1%82%D0%BD%D1%8B%D0%B5-%D0%B2%D1%8B%D0%B7%D0%BE%D0%B2%D1%8B)), A>45@60I89 0:B82=K9 A;094 8 53> A2>9AB20.
```javascript
fullpage_api.getActiveSection();
```
### getActiveSlide()
[5<>](https://codepen.io/alvarotrigo/pen/VdpzRN/) 0QB >1J5:B (=015@8B5 [Slide](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian#%D0%9E%D0%B1%D1%80%D0%B0%D1%82%D0%BD%D1%8B%D0%B5-%D0%B2%D1%8B%D0%B7%D0%BE%D0%B2%D1%8B)), A>45@60I89 0:B82=K9 @0745; 8 53> A2>9AB20.
```javascript
fullpage_api.getActiveSlide();
```
### moveSectionUp()
[5<>](http://codepen.io/alvarotrigo/pen/GJXNMN) @>:@CG8205B =0 >48= @0745; 225@E:
```javascript
fullpage_api.moveSectionUp();
```
---
### moveSectionDown()
[5<>](http://codepen.io/alvarotrigo/pen/jPvVZx) @>:@CG8205B =0 >48= @0745; 2=87:
```javascript
fullpage_api.moveSectionDown();
```
---
### moveTo(@0745;, A;094)
[5<>](http://codepen.io/alvarotrigo/pen/doqOmY) @>:@CG8205B AB@0=8FC : 7040==><C @0745;C 8 A;094C. 5@2K9 A;094, >B>1@060NI89AO ?> C<>;G0=8N, 1C45B 8<5BL 8=45:A 0.
```javascript
/*@>:@CG820=85 : @0745;C A AAK;:>9 A ?@82O7:>9 `firstSlide` 8 :> 2-<C A;094C */
fullpage_api.moveTo('firstSlide', 2);
```
```javascript
//@>:@CG820=85 : 3-<C @0745;C =0 A09B5
fullpage_api.moveTo(3, 0);
//"> 65 A0<>5, GB> 8
fullpage_api.moveTo(3);
```
---
### silentMoveTo(@0745;, A;094)
[5<>](http://codepen.io/alvarotrigo/pen/doqOeY)
1A>;NB=> B> 65 A0<>5, GB> 8 [`moveTo`](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#moveto@0745;-A;094), => 2 MB>< A;CG05 DC=:F8O 2K?>;=O5B ?@>:@CB:C 157 0=8<0F88. @O<>9 ?5@5E>4 : 7040==>9 B>G:5.
```javascript
/*@>:@CG820=85 : @0745;C A AAK;:>9 A ?@82O7:>9 `firstSlide` 8 :> 2-<C A;094C */
fullpage_api.silentMoveTo('firstSlide', 2);
```
---
### moveSlideRight()
[5<>](http://codepen.io/alvarotrigo/pen/Wvgoyz)
@>:@CG8205B 3>@87>=B0;L=K9 ?>;7C=>: B5:CI53> @0745;0 : A;54CNI5<C A;094C:
```javascript
fullpage_api.moveSlideRight();
```
---
### moveSlideLeft()
[5<>](http://codepen.io/alvarotrigo/pen/gpdLjW)
@>:@CG8205B 3>@87>=B0;L=K9 ?>;7C=>: B5:CI53> @0745;0 : ?@54K4CI5<C A;094C:
```javascript
fullpage_api.moveSlideLeft();
```
---
### setAutoScrolling(;>38G5A:0O >?5@0F8O)
[5<>](http://codepen.io/alvarotrigo/pen/rVZWrR) #AB0=02;8205B :>=D83C@0F8N A:@>;;8=30 2 @568<5 @50;L=>3> 2@5<5=8.
?@545;O5B ?>2545=85 ?@>:@CB:8 AB@0=8FK. @8 CAB0=>2:5 7=0G5=8O `true` 1C45B 8A?>;L7>20BLAO "02B><0B8G5A:89" A:@>;;8=3, 2 ?@>B82=>< A;CG05 1C45B ?@8<5=OBLAO "AB0=40@B=0O" ?@>:@CB:0 A09B0 8;8 ?@>:@CB:0 "2@CG=CN".
```javascript
fullpage_api.setAutoScrolling(false);
```
---
### setFitToSection(;>38G5A:0O >?5@0F8O)
[5<>](http://codepen.io/alvarotrigo/pen/GJXNYm)
#AB0=02;8205B 7=0G5=85 4;O >?F88 `fitToSection`, >?@545;ONI59, ?>4AB@0820BL ;8 @0745; ?>4 M:@0=.
```javascript
fullpage_api.setFitToSection(false);
```
---
### fitToSection()
[5<>](http://codepen.io/alvarotrigo/pen/JWWagj)
@>:@CG8205B : 1;8609H5<C 0:B82=><C @0745;C, ?>4AB@0820O 53> ?>4 >:=> ?@>A<>B@0.
```javascript
fullpage_api.fitToSection();
```
---
### setLockAnchors(;>38G5A:0O >?5@0F8O)
[5<>](http://codepen.io/alvarotrigo/pen/yNxVRQ)
#AB0=02;8205B 7=0G5=85 4;O >?F88 `lockAnchors`, >?@545;ONI59, 1C4CB ;8 ?@82O7:8 >B@060BLAO 2 URL.
```javascript
fullpage_api.setLockAnchors(false);
```
---
### setAllowScrolling(;>38G5A:0O >?5@0F8O, [=0?@02;5=8O])
[5<>](http://codepen.io/alvarotrigo/pen/EjeNdq) 0QB 8;8 C18@05B 2>7<>6=>ABL A:@>;;8=30 @0745;>2/A;094>2 A ?><>ILN :>;5A0 <KH8/B@5:?040 8;8 A5=A>@=KE 65AB>2(2:;NG5=> ?> C<>;G0=8N). 1@0B8B5 2=8<0=85, GB> DC=:F8O =5 450:B828@C5B A:@>;;8=3 A ?><>ILN :;0280BC@K. ;O MB>3> 20< ?>B@51C5BAO 8A?>;L7>20BL `setKeyboardScrolling`.
- `directions`: (>?F8>=0;L=K9 ?0@0<5B@) =0G5=8O: `all`, `up`, `down`, `left`, `right` 8;8 8E :><18=0F8O, @0745;Q==0O 70?OBK<8, =0?@8<5@: `down, right`. $C=:F8O >?@545;O5B =0?@02;5=85, 2 :>B>@>< 1C45B 0:B828@>20= 8;8 450:B828@>20= A:@>;;8=3.
```javascript
//450:B820F8O ?@>:@CB:8
fullpage_api.setAllowScrolling(false);
//450:B820F8O ?@>:@CB:8 2=87
fullpage_api.setAllowScrolling(false, 'down');
// 450:B820F8O ?@>:@CB:8 2=87 8 2?@02>
fullpage_api.setAllowScrolling(false, 'down, right');
```
---
### setKeyboardScrolling(;>38G5A:0O >?5@0F8O, [=0?@02;5=8O])
[5<>](http://codepen.io/alvarotrigo/pen/GJXNwm) 0QB 8;8 C18@05B 2>7<>6=>ABL A:@>;;8=30 @0745;>2 A ?><>ILN :;0280BC@K (2:;NG5=> ?> C<>;G0=8N).
- `directions`: (>?F8>=0;L=K9 ?0@0<5B@) =0G5=8O: `all`, `up`, `down`, `left`, `right` 8;8 8E :><18=0F8O, @0745;Q==0O 70?OBK<8, =0?@8<5@: `down, right`. $C=:F8O >?@545;O5B =0?@02;5=85, 2 :>B>@>< 1C45B 0:B828@>20= 8;8 450:B828@>20= A:@>;;8=3.
```javascript
// 450:B820F8O 2A59 ?@>:@CB:8 A ?><>ILN :;0280BC@K fullpage_api.setKeyboardScrolling(false);
// 450:B820F8O ?@>:@CB:8 2=87 A ?><>ILN :;0280BC@K
fullpage_api.setKeyboardScrolling(false, 'down');
//450:B820F8O ?@>:@CB:8 2=87 8 2?@02> A ?><>ILN :;0280BC@K fullpage_api.setKeyboardScrolling(false, 'down, right');
```
---
### setRecordHistory(;>38G5A:0O >?5@0F8O)
[5<>](http://codepen.io/alvarotrigo/pen/rVZWQb) ?@545;O5B, 70?8AK20BL ;8 8AB>@8N 4;O :064>3> 87<5=5=8O hash 2 URL.
```javascript
fullpage_api.setRecordHistory(false);
```
---
### setScrollingSpeed(<8;;8A5:C=4K)
[5<>](http://codepen.io/alvarotrigo/pen/NqLbeY) ?@545;O5B A:>@>ABL ?@>:@CB:8 2 <8;;8A5:C=40E.
```javascript
fullpage_api.setScrollingSpeed(700);
```
---
### destroy(B8?)
[5<>](http://codepen.io/alvarotrigo/pen/bdxBzv) 07@CH05B A>1KB8O ?;038=0 8, >?F8>=0;L=>, 53> HTML-@07<5B:C 8 AB8;8.
450;L=0 ?@8 8A?>;L7>20=88 AJAX 4;O 703@C7:8 :>=B5=B0.
- `type`: (>?F8>=0;L=K9 ?0@0<5B@) <>65B 1KBL ?CABK< 8;8 8<5BL 7=0G5=85 `all`. A;8 CAB0=>2;5=> `all`, HTML-@07<5B:0 8 AB8;8, 8A?>;L7C5<K5 fullpage.js, 1C4CB C40;5=K. "0:8< >1@07><, >@838=0;L=0O HTML-@07<5B:0, 8A?>;L7C5<0O 4> ?@>872545=8O ;N1>9 <>48D8:0F88 ?;038=0, 1C45B A>E@0=5=0.
```javascript
//@07@CH5=85 2A5E A>1KB89 Javascript, A>740==KE fullPage.js (?@>:@CG820=8O, 87<5=5=8O hash 2 URL...)
fullpage_api.destroy();
// @07@CH5=85 2A5E A>1KB89 Javascript 8 ;N1KE <>48D8:0F89, ?@>87254Q==KE fullPage.js ?>25@E 20H59 >@838=0;L=>9 HTML-@07<5B:8.
fullpage_api.destroy('all');
```
---
### reBuild()
1=>2;O5B DOM-AB@C:BC@C 4;O ?>4AB@>9:8 ?>4 =>2K9 @07<5@ >:=0 8;8 53> A>45@68<>3>.
450;L=0 4;O 8A?>;L7>20=8O 2 :><18=0F88 A 2K7>20<8 AJAX 8;8 2=5H=8<8 87<5=5=8O<8 2 DOM-AB@C:BC@5 A09B0, >A>15==> ?@8 ?@8<5=5=88 `scrollOverflow:true`.
```javascript
fullpage_api.reBuild();
```
---
### setResponsive(;>38G5A:0O >?5@0F8O)
[5<>](http://codepen.io/alvarotrigo/pen/WxOyLA) #AB0=02;8205B >B7K2G82K9 @568<0 =0 AB@0=8F5. @8 CAB0=>2:5 E=0G5=8O `true` 02B>?@>:@CB:0 1C45B >B:;NG5=0, @57C;LB0B 1C45B B5< 65 A0<K<, :0: ?@8 0:B820F88 >?F89 `responsiveWidth` 8;8 `responsiveHeight`.
```javascript
fullpage_api.setResponsive(true);
```
---
### responsiveSlides.toSections()
[ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). 5>1E>48<0 25@A8O fullpage.js >= 2.8.5.
"@0=AD>@<8@C5B 3>@87>=B0;L=K5 A;094K 2 25@B8:0;L=K5 @0745;K.
```javascript
fullpage_api.responsiveSlides.toSections();
```
---
### responsiveSlides.toSlides()
[ 0AH8@5=85 fullpage.js](http://alvarotrigo.com/fullPage/extensions/). 5>1E>48<0 25@A8O fullpage.js >= 2.8.5.
"@0=AD>@<8@C5B >@838=0;L=K5 A;094K (B5?5@L B@0=AD>@<8@>20==K5 2 25@B8:0;L=K5 @0745;K) >1@0B=> 2 3>@87>=B0;L=K5 A;094K.
```javascript
fullpage_api.responsiveSlides.toSlides();
```
## 1@0B=K5 2K7>2K
[5<>](http://codepen.io/alvarotrigo/pen/XbPNQv) >65B5 C2845BL 8E 2 459AB288 [745AL](http://alvarotrigo.com/fullPage/examples/callbacks.html).
5:>B>@K5 >1@0B=K5 2K7>2K, B0:85 :0: `onLeave`, 1C4CB A>45@60BL B8? ?0@0<5B@>2 `Section` 8;8 `Slide`. -B8 >1J5:BK 1C4CB A>45@60BL A;54CNI85 A2>9AB20:
- `anchor`: *(String)* AAK;:0 A ?@82O7:>9 >1J5:B0.
- `index`: *(Number)* 8=45:A >1J5:B0.
- `item`: *(DOM element)* M;5<5=B >1J5:B0.
- `isFirst`: *(Boolean)* >?@545;O5B, O2;O5BAO ;8 >1J5:B ?5@2K< 4>G5@=8< M;5<5=B><.
- `isLast`: *(Boolean)* >?@545;O5B, O2;O5BAO ;8 >1J5:B ?>A;54=8< 4>G5@=8< M;5<5=B><.
### afterLoad (`origin`, `destination`, `direction`)
1@0B=K9 2K7>2 0:B828@C5BAO ?>A;5 703@C7:8 @0745;>2 8 7025@H5=8O ?@>:@CB:8.
0@0<5B@K:
- `origin`: *(Object)* 0:B82=K9 @0745;
- `destination`: *(Object)* :>=5G=K9 @0745;.
- `direction`: *(String)* 1C45B ?@8=8<0BL 7=0G5=8O `up` 8;8 `down` 2 7028A8<>AB8 >B =0?@02;5=8O A:@>;;8=30.
@8<5@:
```javascript
new fullpage('#fullpage', {
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
afterLoad: function(origin){
var loadedSection = this;
//8A?>;L7>20=85 8=45:A0
if(origin.index == 2){
alert("Section 3 ended loading");
}
//8A?>;L7>20=85 AAK;:8 A ?@82O7:>9
if(origin.anchor == 'secondSlide'){
alert("Section 2 ended loading");
}
}
});
```
---
### onLeave (`index`, `nextIndex`, `direction`)
-B>B >1@0B=K9 2K7>2 0:B828@C5BAO, :>340 ?>;L7>20B5;L ?>:8405B @0745;, ?@8 ?5@5E>45 : =>2><C @0745;C.
>72@0B `false` >B<5=8B ?5@5E>4 4> 53> >ACI5AB2;5=8O.
0@0<5B@K:
- `origin`: *(Object)* 8AE>4=K9 @0745;.
- `destination`: *(Object)* :>=5G=K9 @0745;.
- `direction`: *(String)* 1C45B ?@8=8<0BL 7=0G5=8O `up` 8;8 `down` 2 7028A8<>AB8 >B =0?@02;5=8O A:@>;;8=30.
@8<5@:
```javascript
new fullpage('#fullpage', {
onLeave: function(origin, destination, direction){
var leavingSection = this;
//?>A;5 ?>:840=8O @0745;0 2
if(origin.index == 1 && direction =='down'){
alert("Going to section 3!");
}
else if(origin.index == 1 && direction == 'up'){
alert("Going to section 1!");
}
}
});
```
#### B<5=0 ?@>:@CB:8 4> 5Q >ACI5AB2;5=8O
K <>65B5 >B<5=8BL ?@>:@CB:C, CAB0=>282 2>72@0B `false` =0 >1@0B=>< 2K7>25 `onLeave`:
```javascript
new fullpage('#fullpage', {
onLeave: function(origin, destination, direction){
//?@>:@CB:0 =5 1C45B >ACI5AB2;5=0, 5A;8 7040==K9 @0745;  @0745; 3
if(destination.index == 2){
return false;
}
}
});
```
---
### afterRender()
-B>B >1@0B=K9 2K7>2 0:B828@C5BAO A@07C ?>A;5 B>3>, :0: A>740QBAO AB@C:BC@0 AB@0=8FK. 0==K9 >1@0B=K9 2K7>2 2K <>65B5 8A?>;L7>20BL 4;O 8=8F80;870F88 4@C38E ?;038=>2 8;8 0:B820F88 ;N1>3> :>40, 4;O G53> B@51C5BAO 3>B>2K9 4>:C<5=B (B0: :0: ?;038= 87<5=O5B DOM 4;O A>740=8O D8=0;L=>9 AB@C:BC@K). >;55 ?>4@>1=CN 8=D>@<0F8N 2K =094QB5 2 @0745;5 ['0AB> 7040205<K5 2>?@>AK](https://github.com/alvarotrigo/fullPage.js/wiki/FAQ---Frequently-Answered-Questions).
@8<5@:
```javascript
new fullpage('#fullpage', {
afterRender: function(){
var pluginContainer = this;
alert("$8=0;L=0O DOM-AB@C:BC@0 3>B>20");
}
});
```
---
### afterResize()
-B>B >1@0B=K9 2K7>2 0:B828@C5BAO ?>A;5 87<5=5=8O @07<5@0 >:=0 1@0C75@0. !@07C ?>A;5 87<5=5=8O @07<5@0 @0745;>2.
0@0<5B@K:
- `width`: *(Number)* H8@8=0 >:=0.
- `height`: *(Number)* 2KA>B0 >:=0.
@8<5@:
```javascript
new fullpage('#fullpage', {
afterResize: function(width, height){
var pluginContainer = this;
alert("025@H5=> 87<5=5=85 @07<5@0 @0745;>2");
}
});
```
---
### afterResponsive(`isResponsive`)
-B>B >1@0B=K9 2K7>2 0:B828@C5BAO ?>A;5 B>3>, :0: fullpage.js ?5@5E>48B 87 AB0=40@B=>3> @568<0 2 >B7K2G82K9 @568< 8;8 87 >B7K2G82>3> 2 AB0=40@B=K9.
0@0<5B@K:
- `isResponsive`: *(Boolean)* ;>38G5A:0O >?5@0F8O, :>B>@0O >?@545;O5B ?5@5E>4 2 @568< >B7K2G82>AB8 (`true`) 8;8 ?5@5E>4 >1@0B=> : AB0=40@B=><C @568<C (`false`).
@8<5@:
```javascript
new fullpage('#fullpage', {
afterResponsive: function(isResponsive){
alert("Is responsive: " + isResponsive);
}
});
```
---
### afterSlideLoad (`section`, `origin`, `destination`, `direction`)
1@0B=K9 2K7>2 0:B828@C5BAO ?>A;5 703@C7:8 A;0940 @0745;0 8 >:>=G0=8O ?@>:@CB:8.
0@0<5B@K:
- `section`: *(Object)* 0:B82=K9 25@B8:0;L=K9 @0745;.
- `origin`: *(Object)* 8AE>4=K9 3>@87>=B0;L=K9 A;094.
- `destination`: *(Object)* :>=5G=K9 3>@87>=B0;L=K9 A;094.
- `direction`: *(String)* `right` 8;8 `left` 2 7028A8<>AB8 >B =0?@02;5=8O A:@>;;8=30.
@8<5@:
```javascript
new fullpage('#fullpage', {
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
afterSlideLoad: function( section, origin, destination, direction){
var loadedSlide = this;
//?5@2K9 A;094 2B>@>3> @0745;0
if(section.anchor == 'secondPage' && destination.index == 1){
alert("5@2K9 A;094 703@C65=");
}
//2B>@>9 A;094 2B>@>3> @0745;0 (supposing #secondSlide is the
//?@82O7:0 4;O 2B>@>3> @0745;0
if(section.index == 1 && destination.anchor == 'secondSlide'){
alert("B>@>9 A;094 703@C65=");
}
}
});
```
---
### onSlideLeave (`section`, `origin`, `destination`, `direction`)
-B>B >1@0B=K9 2K7>2 0:B828@C5BAO ?>A;5 B>3>, :0: ?>;L7>20B5;L ?>:8405B A;094 4;O ?5@5E>40 : 4@C3><C, ?@8 ?5@5E>45 : =>2><C A;094C.
>72@0B `false` >B<5=8B ?5@5E>4 4> 53> >ACI5AB2;5=8O.
0@0<5B@:
- `section`: *(Object)* 0:B82=K9 25@B8:0;L=K9 @0745;.
- `origin`: *(Object)* 8AE>4=K9 3>@87>=B0;L=K9 A;094.
- `destination`: *(Object)* :>=5G=K9 3>@87>=B0;L=K9 A;094.
- `direction`: *(String)* `right` 8;8 `left` 2 7028A8<>AB8 >B =0?@02;5=8O A:@>;;8=30.
@8<5@:
```javascript
new fullpage('#fullpage', {
onSlideLeave: function( section, origin, destination, direction){
var leavingSlide = this;
//?5@5E>4 >B ?5@2>3> A;0940 23> @0745;0 2?@02>
if(section.index == 1 && origin.index == 0 && direction == 'right'){
alert(">:840=85 ?5@2>3> A;0940!!");
}
// ?5@5E>4 >B 33> A;0940 23> @0745;0 2;52>
if(section.index == 1 && origin.index == 2 && direction == 'left'){
alert("5@5E>4 : A;094C 2! ");
}
}
});
```
#### B<5=0 ?5@5E>40 4> 53> >ACI5AB2;5=8O
K <>65B5 >B<5=8BL ?5@5E>4 A ?><>ILN 2>72@0B0 `false` =0 >1@0B=>< 2K7>25 `onSlideLeave`. ["> 65 A0<>5, GB> 8 ?@8 >B<5=5 ?5@5E>40 A ?><>ILN `onLeave`](https://github.com/alvarotrigo/fullPage.js/tree/master/lang/russian/#B<5=0-?5@5E>40-4>-53>->ACI5AB2;5=8O).
# !>>1I5=85 > ?@>1;5<0E
1. >60;C9AB0, ?5@54 2>?@>A>< ?>8I8B5 A2>N ?@>1;5<C A ?><>ILN ?>8A:0 github issues.
2. #1548B5AL, GB> 8A?>;L7C5B5 ?>A;54=NN 25@A8N fullpage.js. "5E?>445@6:0 =5 @01>B05B A> AB0@K<8 25@A8O<8.
3. >A?>;L7C9B5AL [D>@C<>< Github Issues](https://github.com/alvarotrigo/fullPage.js/issues), GB>1K 7040BL 2>?@>A.
4. **>B@51C5BAO >B45;L=>5 2>A?@>872545=85 ?@>1;5<K.** > 2>7<>6=>AB8 8A?>;L7C9B5 4;O MB>3> [jsfiddle](https://jsfiddle.net/1kyuL4em/2/) 8;8 [codepen](http://codepen.io/alvarotrigo/pen/NxyPPp).
# =5A5=85 ?@54;>65=89 4;O fullpage.js
>60;C9AB0, ?@>GB8B5 [Contributing to fullpage.js](https://github.com/alvarotrigo/fullPage.js/wiki/Contributing-to-fullpage.js)
# Changelog
'B>1K ?>A<>B@5BL A?8A>: ?>A;54=8E 87<5=5=89, ?>60;C9AB0, >1@0B8B5AL : [@0745;C 5;87K](https://github.com/alvarotrigo/fullPage.js/releases).
# 040G8 ?> ?>AB@>5=8N
5;05B5 ?>AB@>8BL 48AB@81CB82=K5 D09;K fullpage.js? >60;C9AB0, 70948B5 2 @0745; [040G8 ?> ?>AB@>5=8N](https://github.com/alvarotrigo/fullPage.js/wiki/Build-tasks)
# 5AC@AK
- ["5<0 Wordpress](https://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/) (?><>65B 2 >?@545;5=88 7=0G5=8O `easingcss3`)
- [fullPage.js jsDelivr CDN](https://www.jsdelivr.com/package/npm/fullpage.js)
- [?;038= fullPage.js 4;O October CMS](http://octobercms.com/plugin/freestream-parallax)
- [?;038= wordpress fullPage.js](https://wordpress.org/plugins/wp-fullpage/)
- [48@5:B820 fullPage.js Angular2](https://github.com/meiblorn/ng2-fullpage)
- [48@5:B820 fullPage.js angular](https://github.com/hellsan631/angular-fullpage.js)
- [4>?>;=5=85 ember-cli fullPage.js](https://www.npmjs.com/package/ember-cli-fullpagejs)
- [fullPage.js Rails Ruby Gem](https://rubygems.org/gems/fullpagejs-rails)
- [Angular fullPage.js  040?B0F8O 4;O Angular.js v1.x](https://github.com/mmautomatizacion/angular-fullpage.js)
- [=B53@0F8O fullPage.js A Wordpress (1CG5=85)](http://premium.wpmudev.org/blog/build-apple-inspired-full-page-scrolling-pages-for-your-wordpress-site/)
## B> ?>;L7C5BAO fullPage.js
A;8 2K E>B8B5, GB>1K 20H0 AB@0=8F0 1K;0 C:070=0 2 MB>< A?8A:5, ?>60;C9AB0, <a href="mailto:alvaro@alvarotrigo.com">A2O68B5AL A> <=>9</a> 8 ?@8H;8B5 URL.
[![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/
K <>65B5 =09B8 5IQ >48= A?8A>: [745AL](http://libscore.com/#$.fn.fullpage).
## 5=56=K5 ?5@52>4K
5=56=K5 ?5@52>4K 1>;55 G5< ?@825BAB2CNBAO :)
[Patreon page](https://www.patreon.com/fullpagejs)
[![5@525AB8 45=L38](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&currency_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
<a href="https://github.com/donsalvadori" target="_blank" rel="nofollow">
<img src="http://wallpapers-for-ipad.com/fullpage/imgs3/avatars/donsalvadori.jpg">
</a>