Skip to content

Commit 34bbd28

Browse files
committed
- Documentation for responsiveSlides
1 parent 85683aa commit 34bbd28

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

README.md

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -189,6 +189,7 @@ $(document).ready(function() {
189189
fixedElements: '#header, .footer',
190190
responsiveWidth: 0,
191191
responsiveHeight: 0,
192+
responsiveSlides: false,
192193

193194
//Custom selectors
194195
sectionSelector: '.section',
@@ -436,6 +437,8 @@ In order to prevent fullpage.js from creating the scrollbar in certain sections
436437

437438
- `responsiveHeight`: (default `0`) A normal scroll (`autoScrolling:false`) will be used under the defined height in pixels. A class `fp-responsive` is added to the body tag in case the user wants to use it for his own responsive CSS. For example, if set to 900, whenever the browser's height is less than 900 the plugin will scroll like a normal site.
438439

440+
- `responsiveSlides`: (default `false` ) [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). When set to `true` slides will be turned into vertical sections when responsive mode is fired. (by using the `responsiveWidth` or `responsiveHeight` options detailed above). Requires fullpage.js >= 2.8.5.
441+
439442
## Methods
440443
You can see them in action [here](http://alvarotrigo.com/fullPage/examples/methods.html)
441444

@@ -585,7 +588,22 @@ $.fn.fullpage.reBuild();
585588
---
586589
### setResponsive(boolean)
587590
[Demo](http://codepen.io/alvarotrigo/pen/WxOyLA) Sets the responsive mode of the page. When set to `true` the autoScrolling will be turned off and the result will be exactly the same one as when the `responsiveWidth` or `responsiveHeight` options get fired.
591+
---
592+
### responsiveSlides.toSections()
593+
[Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Requires fullpage.js >= 2.8.5.
594+
Turns horizontal slides into vertical sections.
595+
596+
```javascript
597+
$.fn.fullpage.responsiveSlides.toSections();
598+
```
599+
---
600+
### responsiveSlides.toSlides()
601+
[Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Requires fullpage.js >= 2.8.5.
602+
Turns back the original slides (now converted into vertical sections) into horizontal slides again.
588603

604+
```javascript
605+
$.fn.fullpage.responsiveSlides.toSlides();
606+
```
589607

590608
## Callbacks
591609
[Demo](http://codepen.io/alvarotrigo/pen/XbPNQv) You can see them in action [here](http://alvarotrigo.com/fullPage/examples/callbacks.html).

0 commit comments

Comments
 (0)