Skip to content

Commit 6575f1f

Browse files
alvarotrigoalvarotrigo
authored
Merge pull request alvarotrigo#2142 from alvarotrigo/dev
2.8.2 - Mergin Dev branch
2 parents ee00a7b + 791de95 commit 6575f1f

12 files changed

+200
-138
lines changed

‎.github/ISSUE_TEMPLATE.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
### Description
22

33
### Link to isolated reproduction with no external CSS / JS
4-
[in jsfiddle.net or codepen.io if possible, link to personal websites won't be reviewed unless isolated reproductions are provided]
4+
[in jsfiddle.net or codepen.io if possible, link to personal websites won't be reviewed unless isolated reproductions are provided. Reported issues without a reproduction might be closed.]
55

66
### Steps to reproduce it
77
1. [First step]

‎README.md

Lines changed: 26 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,10 @@
33
![preview](https://raw.github.com/alvarotrigo/fullPage.js/master/examples/imgs/intro.png)
44
![compatibility](https://raw.github.com/alvarotrigo/fullPage.js/master/examples/imgs/compatible.gif)
55

6-
![fullPage.js version](http://img.shields.io/badge/fullPage.js-v2.8.1-brightgreen.svg)
6+
![fullPage.js version](http://img.shields.io/badge/fullPage.js-v2.8.2-brightgreen.svg)
77
[![License](http://img.shields.io/badge/License-MIT-blue.svg)](http://opensource.org/licenses/MIT)
88
7Kb gziped!
99

10-
----
11-
**Make sure to use at least version 2.7.6.** A dangerous security issue has been found in previous versions!
12-
13-
---
14-
1510
A simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites or onepage sites).
1611
It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site.
1712

@@ -31,7 +26,7 @@ Would you like to have a website using fullpage.js functionality but you don't k
3126
- [Compatibility](https://github.com/alvarotrigo/fullPage.js#compatibility)
3227
- [Usage](https://github.com/alvarotrigo/fullPage.js#usage)
3328
- [Creating links to sections or slides](https://github.com/alvarotrigo/fullPage.js#creating-links-to-sections-or-slides)
34-
- [Creating smaller sections](https://github.com/alvarotrigo/fullPage.js#creating-smaller-sections)
29+
- [Creating smaller or bigger sections](https://github.com/alvarotrigo/fullPage.js#creating-smaller-or-bigger-sections)
3530
- [State classes added by fullpage.js](https://github.com/alvarotrigo/fullPage.js#state-classes-added-by-fullpagejs)
3631
- [Lazy loading](https://github.com/alvarotrigo/fullPage.js#lazy-loading)
3732
- [Autoplay embedded media](https://github.com/alvarotrigo/fullPage.js#auto-playpause-embedded-media)
@@ -173,6 +168,7 @@ $(document).ready(function() {
173168
scrollOverflowOptions: null,
174169
touchSensitivity: 15,
175170
normalScrollElementTouchThreshold: 5,
171+
bigSectionsDestination: null,
176172

177173
//Accessibility
178174
keyboardScrolling: true,
@@ -238,8 +234,8 @@ Note that section anchors can also be defined in the same way, by using the `dat
238234

239235
**Be careful!** `data-anchor` tags can not have the same value as any ID element on the site (or NAME element for IE).
240236

241-
### Creating smaller sections
242-
[Demo](http://codepen.io/alvarotrigo/pen/BKjRYm) It is possible to use sections or slides which don't take the whole viewport height resulting in smaller sections. This is ideal for footers.
237+
### Creating smaller or bigger sections
238+
[Demo](http://codepen.io/alvarotrigo/pen/BKjRYm) fullPage.js provides a way to remove the full height restriction from its sections and slides. It is possible to create sections which height is smaller or bigger thant the viewport. This is ideal for footers.
243239
It is important to realise that it doesn't make sense to have all of your sections using this feature. If there is more than one section in the initial load of the site, the plugin won't scroll at all to see the next one as it will be already in the viewport.
244240

245241
To create smaller sections just use the class `fp-auto-height` in the section you want to apply it. It will then take the height defined by your section/slide content.
@@ -249,15 +245,19 @@ To create smaller sections just use the class `fp-auto-height` in the section yo
249245
<div class="section fp-auto-height">Auto height</div>
250246
```
251247

248+
#### Responsive auto height sections
249+
A responsive auto height can be applied by using the class `fp-auto-height-responsive`. This way sections will be full height until the responsive mode gets fired.
250+
252251
### State classes added by fullpage.js
253252
Fullpage.js adds multiple classes in different elements to keep a record of the status of the site:
254253

255-
- The class `active` is added the current visible section and slide.
256-
- The class `active` is added to the current menu element (if using the `menu` option).
254+
- `active` is added the current visible section and slide.
255+
- `active` is added to the current menu element (if using the `menu` option).
257256
- A class of the form `fp-viewing-SECTION-SLIDE` is added to the `body` element of the site. (eg: [`fp-viewing-secondPage-0`](http://alvarotrigo.com/fullPage/#secondPage)) The `SECTION` and `SLIDE` parts will be the anchors (or indexes if no anchor is provided) of the current section and slide.
258-
- The class `fp-responsive` is added to the `body` element when the entering in the responsive mode
259-
- The class `fp-enabled` is added to the `html` element when fullpage.js is enabled. (and removed when destroyed).
260-
- The class `fp-destroyed` is added to the fullpage.js container when the plugin is destroyed.
257+
- `fp-responsive` is added to the `body` element when the entering in the responsive mode
258+
- `fp-enabled` is added to the `html` element when fullpage.js is enabled. (and removed when destroyed).
259+
- `fp-destroyed` is added to the fullpage.js container when the plugin is destroyed.
260+
- `fp-enabled` is added to the `html` element once the libary is initalized.
261261

262262
###Lazy Loading
263263
[Demo](http://codepen.io/alvarotrigo/pen/eNLBXo) fullPage.js provides a way to lazy load images, videos and audio elements so they won't slow down the loading of your site or unnecessarily waste data transfer.
@@ -348,6 +348,8 @@ the fitting by the configured milliseconds.
348348

349349
- `normalScrollElementTouchThreshold` : (default `5`) Defines the threshold for the number of hops up the html node tree Fullpage will test to see if `normalScrollElements` is a match to allow scrolling functionality on divs on a touch device. (For example: `normalScrollElementTouchThreshold: 3`)
350350

351+
- `bigSectionsDestination`: (default `null`) Defines how to scroll to a section which size is bigger than the viewport. By default fullPage.js scrolls to the top if you come from a section above the destination one and to the bottom if you come from a section below the destination one. Possible values are `top`, `bottom`, `null`.
352+
351353
- `keyboardScrolling`: (default `true`) Defines if the content can be navigated using the keyboard
352354

353355
- `touchSensitivity`: (default `5`) Defines a percentage of the browsers window width/height, and how far a swipe must measure for navigating to the next section / slide
@@ -391,7 +393,7 @@ $('#fullpage').fullpage({
391393
- `slidesNavPosition`: (default `bottom`) Defines the position for the landscape navigation bar for sliders. Admits `top` and `bottom` as values. You may want to modify the CSS styles to determine the distance from the top or bottom as well as any other style such as color.
392394

393395
- `scrollOverflow`: (default `false`) defines whether or not to create a scroll for the section/slide in case its content is bigger than the height of it. When set to `true`, your content will be wrapped by the plugin. Consider using delegation or load your other scripts in the `afterRender` callback.
394-
In case of setting it to `true`, it requires the vendor library [`scrolloverflow.min.js`](https://github.com/alvarotrigo/fullPage.js/vendors) and it should be loaded before the fullPage.js plugin. For example:
396+
In case of setting it to `true`, it requires the vendor library [`scrolloverflow.min.js`](https://github.com/alvarotrigo/fullPage.js/blob/master/vendors/scrolloverflow.min.js) and it should be loaded before the fullPage.js plugin. For example:
395397

396398
```html
397399
<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script>
@@ -549,11 +551,15 @@ $.fn.fullpage.destroy('all');
549551
---
550552
### reBuild()
551553
Updates the DOM structure to fit the new window size or its contents.
552-
Ideal to use in combination with AJAX calls or external changes in the DOM structure of the site.
554+
Ideal to use in combination with AJAX calls or external changes in the DOM structure of the site, specially when using `scrollOverflow:true`.
553555

554556
```javascript
555557
$.fn.fullpage.reBuild();
556558
```
559+
---
560+
### setResponsive(boolean)
561+
[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.
562+
557563

558564
## Callbacks
559565
[Demo](http://codepen.io/alvarotrigo/pen/XbPNQv) You can see them in action [here](http://alvarotrigo.com/fullPage/examples/callbacks.html).
@@ -770,14 +776,16 @@ If you want your page to be listed here. Please <a href="mailto:alvaro@alvarotri
770776
[![Mi](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mi.png)](http://www.mi.com/shouhuan)
771777
[![scribe](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/scribe.png)](http://usescribe.com/)
772778
[![redd](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/sym.png)](http://www.sanyang.com.tw/service/Conception/)
779+
[![Bugatti](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/bugatti.gif)](http://www.bugatti.com/veyron/veyron-164/)
780+
[![Bugatti](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/edarling.png)](https://www.edarling.de/)
773781

774782
- http://www.britishairways.com/en-gb/information/travel-classes/experience-our-cabins
775783
- http://www.sony-asia.com/microsite/mdr-10/
776784
- http://www.yourprimer.com/
777785
- http://mcdonalds.com.au/create-your-taste
778786
- http://burntmovie.com/
779787
- http://essenso.com/
780-
- http://www.battlefield.com/
788+
- http://www.bugatti.com/veyron/veyron-164/
781789
- http://www.kibey.com/
782790
- http://www.newjumoconcept.com/
783791
- http://www.shootinggalleryasia.com/
@@ -788,6 +796,7 @@ If you want your page to be listed here. Please <a href="mailto:alvaro@alvarotri
788796
- http://torchbrowser.com/
789797
- http://thekorner.fr/
790798
- http://www.restaurantwoods.nl/
799+
- https://www.edarling.de/
791800
- http://urban-walks.com/
792801
- http://lingualeo.com/
793802
- http://charlotteaimes.com/

‎dist/jquery.fullpage.css

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* fullPage 2.8.1
2+
* fullPage 2.8.2
33
* https://github.com/alvarotrigo/fullPage.js
44
* MIT licensed
55
*
@@ -92,6 +92,9 @@ html.fp-enabled,
9292
overflow: hidden;
9393
position: relative;
9494
}
95+
.fp-scroller{
96+
overflow: hidden;
97+
}
9598
.iScrollIndicator{
9699
border: 0 !important;
97100
}

0 commit comments

Comments
 (0)