Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also .

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also .
base repository: alvarotrigo/pagePiling.js
Choose a Base Repository
alvarotrigo/pagePiling.js
0xcd03/pagePiling.js
9kopb/pagePiling.js
Allan019/pagePiling.js
Alyssa55/pagePiling.js
BLissKim/pagePiling.js
BenHeubl/pagePiling.js
BenztheRules/pagePiling.js
CNSam/pagePiling.js
ChristopherSant/pagePiling.js
Claire819/pagePiling.js
DiscoLfo/pagePiling.js
FlashKJ/pagePiling.js
Frankie-666/pagePiling.js
HelenCR/pagePiling.js
HoshinoSyouta/pagePiling.js
Hozarta/pagePiling.js
IgnetStudio/pagePiling.js
Jarmo-Baltzar/pagePiling.js
Loumans/pagePiling.js
MinStenve/pagePiling.js
MrSchMax/pagePiling.js
ObiWanMaxim/pagePiling.js
Osub/pagePiling.js
RajeshYukta/pagePiling.js
Rodimusbot/pagePiling.js
Samda/pagePiling.js
Skisliy/pagePiling.js
Sommerfeld/pagePiling.js
Sparkinzy/pagePiling.js
Tlamelo/pagePiling.js
UXScripts/pagePiling.js
Volland/pagePiling.js
abellee/pagePiling.js
ahaydarli/pagePiling.js
aherus/pagePiling.js
ajaali/pagePiling.js
akdesign/pagePiling.js
alee1211/pagePiling.js
alexaldama/pagePiling.js
alexandervenus/pagePiling.js
alma4rebi/pagePiling.js
alu0100789683/pagePiling.js
amazingz/pagePiling.js
andreireitz/pagePiling.js
andresglx/pagePiling.js
asanjeevak/pagePiling.js
aungthurhahein/pagePiling.js
bekkrnew/pagePiling.js
bigrats/pagePiling.js
boyvip2411/pagePiling.js
c0m3nk/pagePiling.js
callenbatt/pagePiling.js
carabina/pagePiling.js
cc17/pagePiling.js
cesardanielhg/pagePiling.js
cheeshyan/pagePiling.js
chegekariuki/pagePiling.js
chensheng1357/pagePiling.js
chinasb/pagePiling.js
chirox/pagePiling.js
craftica/pagePiling.js
cwu2020/pagePiling.js
cyhunter/pagePiling.js
cymruu/pagePiling.js
davgit/pagePiling.js
dengdong/pagePiling.js
devariya/pagePiling.js
devinivy/pagePiling.js
dokterpasta/pagePiling.js
dreizle/pagePiling.js
dsprog/pagePiling.js
duraik3/pagePiling.js
duyqngo/pagePiling.js
edyonil/pagePiling.js
esshka/pagePiling.js
findigital/pagePiling.js
folkevil/pagePiling.js
fu4k6pingu/pagePiling.js
giolin/pagePiling.js
hal54/pagePiling.js
hcxiong/pagePiling.js
hgolshan/pagePiling.js
hmaidasani/pagePiling.js
honminyue/pagePiling.js
hrhktkbzyy/pagePiling.js
hypery11/pagePiling.js
icaromelog/pagePiling.js
iqiancheng/pagePiling.js
iroma/pagePiling.js
itoonnn/pagePiling.js
ittoufiq/pagePiling.js
jamiepg1/pagePiling.js
jarvys/pagePiling.js
jerrysdesign/pagePiling.js
jiimmysu/pagePiling.js
jocodina/pagePiling.js
joeynimu/pagePiling.js
johanneslamers/pagePiling.js
jon4god/pagePiling.js
jonasdk/pagePiling.js
jonny77/pagePiling.js
jordansaspect/pagePiling.js
jordansimpson/pagePiling.js
juankennaugh/pagePiling.js
julia-amake/pagePiling.js
juliejancen/pagePiling.js
kakawang/pagePiling.js
kangpeter5/pagePiling.js
karimabdul/pagePiling.js
kclarkenyc/pagePiling.js
kevinrodbe/pagePiling.js
khanhtran3005/pagePiling.js
kimil/pagePiling.js
kitewhere/pagePiling.js
kshyh/pagePiling.js
leuro/pagePiling.js
loki315zx/pagePiling.js
lujinran/lujinran.github.io
markristjans/pagePiling.js
mcxixi317/pagePiling.js
mdixon47/pagePiling.js
melstone/pagePiling.js
merfert/pagePiling.js
meumairakram/pagePiling.js
mfbasso/pagePiling.js
mikesaidani/pagePiling.js
mubassirhayat/pagePiling.js
mymaneesh/pagePiling.js
mystroken/carousso.js
nandiraju/pagePiling.js
natchlab/pagePiling.js
netconstructor/pagePiling.js
nihto/pagePiling.js
niima/pagePiling.js
niraj-thapa/pagePiling.js
nishkarr/pagePiling.js
noprom/pagePiling.js
nowaym/pagePiling.js
nttps/pagePiling.js
optimix-designer/pagePiling.js
orozcoig/pagePiling.js
paserafim/pagePiling.js
pizzel/pagePiling.js
ppsirius/pagePiling.js
prabhjotSL/pagePiling.js
ptejeda1/pagePiling.js
pulcix/pagePiling.js
quatmo/pagePiling.js
remon/pagePiling.js
reyadrahman/pagePiling.js
rezaahmadiza/pagePiling.js
robert1508/pagePiling.js
sangshu329/pagePiling.js
sasohel/pagePiling.js
schuka-kirill/pagePiling.js
seco/pagePiling.js
sesay/pagePiling.js
seyedabbasseyedi/pagePiling.js
shaunstanislaus/pagePiling.js
shiva404/pagePiling.js
shixuewen/pagePiling.js
shuyichan/pagePiling.js
sickasoraus/pagePiling.js
sisihuisi/pagePiling.js
sjonner/pagePiling.js
skidu/pagePiling.js
sledgecry/pagePiling.js
sonukry/pagePiling.js
strever/pagePiling.js
sundaisun/pagePiling.js
sunri5e/pagePiling.js
takashiyamaguchi/pagePiling.js
th3conc3pt3ur/pagePiling.js
thomasyus/pagePiling.js
thschmitt/pagePiling.js
tipsforthings/pagePiling.js
umarmughal/pagePiling.js
umissthestars/pagePiling.js
ungly/pagePiling.js
universewithtin/pagePiling.js
v-dorosh/pagePiling.js
virgis/pagePiling.js
vladmeh/pagePiling.js
waqaszahoor/pagePiling.js
webin/pagePiling.js
webwizzyhub/pagePiling.js
willyfc/pagePiling.js
xanderakafonz/pagePiling.js
xblue55/pagePiling.js
xiow/pagePiling.js
yajinn/pagePiling.js
yashiel/pagePiling.js
ym1623/pagePiling.js
yorci/pagePiling.js
yourmaze/pagePiling.js
z007/pagePiling.js
zachamburg/pagePiling.js
zawsx/site-util-scroll-pagePiling.js
zjplovemm/pagePiling.js
Nothing to show
base: 1.5.1
head repository: alvarotrigo/pagePiling.js
Choose a Head Repository
alvarotrigo/pagePiling.js
0xcd03/pagePiling.js
9kopb/pagePiling.js
Allan019/pagePiling.js
Alyssa55/pagePiling.js
BLissKim/pagePiling.js
BenHeubl/pagePiling.js
BenztheRules/pagePiling.js
CNSam/pagePiling.js
ChristopherSant/pagePiling.js
Claire819/pagePiling.js
DiscoLfo/pagePiling.js
FlashKJ/pagePiling.js
Frankie-666/pagePiling.js
HelenCR/pagePiling.js
HoshinoSyouta/pagePiling.js
Hozarta/pagePiling.js
IgnetStudio/pagePiling.js
Jarmo-Baltzar/pagePiling.js
Loumans/pagePiling.js
MinStenve/pagePiling.js
MrSchMax/pagePiling.js
ObiWanMaxim/pagePiling.js
Osub/pagePiling.js
RajeshYukta/pagePiling.js
Rodimusbot/pagePiling.js
Samda/pagePiling.js
Skisliy/pagePiling.js
Sommerfeld/pagePiling.js
Sparkinzy/pagePiling.js
Tlamelo/pagePiling.js
UXScripts/pagePiling.js
Volland/pagePiling.js
abellee/pagePiling.js
ahaydarli/pagePiling.js
aherus/pagePiling.js
ajaali/pagePiling.js
akdesign/pagePiling.js
alee1211/pagePiling.js
alexaldama/pagePiling.js
alexandervenus/pagePiling.js
alma4rebi/pagePiling.js
alu0100789683/pagePiling.js
amazingz/pagePiling.js
andreireitz/pagePiling.js
andresglx/pagePiling.js
asanjeevak/pagePiling.js
aungthurhahein/pagePiling.js
bekkrnew/pagePiling.js
bigrats/pagePiling.js
boyvip2411/pagePiling.js
c0m3nk/pagePiling.js
callenbatt/pagePiling.js
carabina/pagePiling.js
cc17/pagePiling.js
cesardanielhg/pagePiling.js
cheeshyan/pagePiling.js
chegekariuki/pagePiling.js
chensheng1357/pagePiling.js
chinasb/pagePiling.js
chirox/pagePiling.js
craftica/pagePiling.js
cwu2020/pagePiling.js
cyhunter/pagePiling.js
cymruu/pagePiling.js
davgit/pagePiling.js
dengdong/pagePiling.js
devariya/pagePiling.js
devinivy/pagePiling.js
dokterpasta/pagePiling.js
dreizle/pagePiling.js
dsprog/pagePiling.js
duraik3/pagePiling.js
duyqngo/pagePiling.js
edyonil/pagePiling.js
esshka/pagePiling.js
findigital/pagePiling.js
folkevil/pagePiling.js
fu4k6pingu/pagePiling.js
giolin/pagePiling.js
hal54/pagePiling.js
hcxiong/pagePiling.js
hgolshan/pagePiling.js
hmaidasani/pagePiling.js
honminyue/pagePiling.js
hrhktkbzyy/pagePiling.js
hypery11/pagePiling.js
icaromelog/pagePiling.js
iqiancheng/pagePiling.js
iroma/pagePiling.js
itoonnn/pagePiling.js
ittoufiq/pagePiling.js
jamiepg1/pagePiling.js
jarvys/pagePiling.js
jerrysdesign/pagePiling.js
jiimmysu/pagePiling.js
jocodina/pagePiling.js
joeynimu/pagePiling.js
johanneslamers/pagePiling.js
jon4god/pagePiling.js
jonasdk/pagePiling.js
jonny77/pagePiling.js
jordansaspect/pagePiling.js
jordansimpson/pagePiling.js
juankennaugh/pagePiling.js
julia-amake/pagePiling.js
juliejancen/pagePiling.js
kakawang/pagePiling.js
kangpeter5/pagePiling.js
karimabdul/pagePiling.js
kclarkenyc/pagePiling.js
kevinrodbe/pagePiling.js
khanhtran3005/pagePiling.js
kimil/pagePiling.js
kitewhere/pagePiling.js
kshyh/pagePiling.js
leuro/pagePiling.js
loki315zx/pagePiling.js
lujinran/lujinran.github.io
markristjans/pagePiling.js
mcxixi317/pagePiling.js
mdixon47/pagePiling.js
melstone/pagePiling.js
merfert/pagePiling.js
meumairakram/pagePiling.js
mfbasso/pagePiling.js
mikesaidani/pagePiling.js
mubassirhayat/pagePiling.js
mymaneesh/pagePiling.js
mystroken/carousso.js
nandiraju/pagePiling.js
natchlab/pagePiling.js
netconstructor/pagePiling.js
nihto/pagePiling.js
niima/pagePiling.js
niraj-thapa/pagePiling.js
nishkarr/pagePiling.js
noprom/pagePiling.js
nowaym/pagePiling.js
nttps/pagePiling.js
optimix-designer/pagePiling.js
orozcoig/pagePiling.js
paserafim/pagePiling.js
pizzel/pagePiling.js
ppsirius/pagePiling.js
prabhjotSL/pagePiling.js
ptejeda1/pagePiling.js
pulcix/pagePiling.js
quatmo/pagePiling.js
remon/pagePiling.js
reyadrahman/pagePiling.js
rezaahmadiza/pagePiling.js
robert1508/pagePiling.js
sangshu329/pagePiling.js
sasohel/pagePiling.js
schuka-kirill/pagePiling.js
seco/pagePiling.js
sesay/pagePiling.js
seyedabbasseyedi/pagePiling.js
shaunstanislaus/pagePiling.js
shiva404/pagePiling.js
shixuewen/pagePiling.js
shuyichan/pagePiling.js
sickasoraus/pagePiling.js
sisihuisi/pagePiling.js
sjonner/pagePiling.js
skidu/pagePiling.js
sledgecry/pagePiling.js
sonukry/pagePiling.js
strever/pagePiling.js
sundaisun/pagePiling.js
sunri5e/pagePiling.js
takashiyamaguchi/pagePiling.js
th3conc3pt3ur/pagePiling.js
thomasyus/pagePiling.js
thschmitt/pagePiling.js
tipsforthings/pagePiling.js
umarmughal/pagePiling.js
umissthestars/pagePiling.js
ungly/pagePiling.js
universewithtin/pagePiling.js
v-dorosh/pagePiling.js
virgis/pagePiling.js
vladmeh/pagePiling.js
waqaszahoor/pagePiling.js
webin/pagePiling.js
webwizzyhub/pagePiling.js
willyfc/pagePiling.js
xanderakafonz/pagePiling.js
xblue55/pagePiling.js
xiow/pagePiling.js
yajinn/pagePiling.js
yashiel/pagePiling.js
ym1623/pagePiling.js
yorci/pagePiling.js
yourmaze/pagePiling.js
z007/pagePiling.js
zachamburg/pagePiling.js
zawsx/site-util-scroll-pagePiling.js
zjplovemm/pagePiling.js
Nothing to show
compare: master
Commits on May 20, 2015
- Minor change related with pp-scrollable
Commits on Jun 12, 2015
Remove moot `version` property from bower.json
Commits on Feb 23, 2016
- Fixed bug when scrolling with an Apple trackpad #87
- Improved scrolling detection so it won’t scroll when scrolling
horizontally on Apple trackpads.
- Improved scrolling to prevent double scroll when scrolling very fast
on Apple trackpad or kinetic scrolling devices
- Improved comments so they won’t get deleted on minification.
Commits on Jul 07, 2016
- Added package.json file 
- Added gitignore 
- Improved credits in CSS and JS files
Commits on Aug 26, 2016
Commits on Jan 23, 2017
The badge will show the version on CDNJS, and it is added after the "including file" section.
Commits on Apr 18, 2017
Fix broken headings in Markdown files
Commits on May 03, 2018
fix Readme
Commits on Aug 07, 2018
Fix the section1 vertical overflow issue in example videoBackground.
Commits on Jan 28, 2019
Commits on Jan 29, 2019
Fixed flickering on firefox
- Fixed bug: Firefox flicker #168 #167
- Documentation: added version number
- Updated version and dist files
@@ -0,0 +1 @@
examples/* linguist-vendored
@@ -0,0 +1,3 @@
.DS_Store
bower_components/
/node_modules
@@ -1,10 +1,13 @@
# pagePiling.js

![preview](https://raw.github.com/alvarotrigo/pagePiling.js/master/examples/imgs/pagePiling-plugin.png)
![compatibility](https://raw.github.com/alvarotrigo/pagePiling.js/master/examples/imgs/compatible.gif)
![compatibility](https://raw.github.com/alvarotrigo/pagePiling.js/master/examples/imgs/compatible.gif)\
Pile your sections one over another and access them scrolling or by URL!

![pagePiling.js version](http://img.shields.io/badge/fullPage.js-v1.5.6-brightgreen.svg)

- [Live demo](http://alvarotrigo.com/pagePiling/)
- [Creating hugeinc.com website with pagePiling.js](http://www.onextrapixel.com/2015/04/09/how-to-create-a-beautiful-fullscreen-single-scrolling-page-like-huge-inc/)
- [Who is using it](https://github.com/alvarotrigo/pagePiling.js#who-is-using-pagepilingjs)

Invite me to a coffee
@@ -24,6 +27,10 @@ It works with browsers with CSS3 support and with the ones which don't have it,

It is also designed to work on touch devices such as mobile phones or tablets.

[![Browserstack](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/browserstack2.png)](http://www.browserstack.com/)

Special thanks to [Browserstack](http://www.browserstack.com/) for supporting pagePiling.js.

## Usage
As you can see in the example files, you will need to include the JavaScript file `jquery.pagepiling.js` (or the minified version `jquery.pagepiling.min.js`) and the css file `jquery.pagepiling.css` of the plugin, as well as [jQuery](http://jquery.com/). Optionally, you can add the [jQuery UI library](http://jqueryui.com/) in case you want to use other easing effects apart from the ones included in the jQuery library which are the `linear` or `swing` effects.

@@ -34,15 +41,18 @@ Terminal:
bower install pagepiling.js
```

###Including files:
### Including files:
```html
<link rel="stylesheet" type="text/css" href="jquery.pagepiling.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.pagepiling.js"></script>
```

###Required HTML structure
### Optional use of CDN
If you prefer to use a CDN to load the needed files, pagePiling.js is in CDNJS: https://cdnjs.com/libraries/pagePiling.js

### Required HTML structure
Each section will be defined with a `div` containing the `section` class.
The active section by default will be the first section, which is taken as the home page.
```html
@@ -54,7 +64,7 @@ The active section by default will be the first section, which is taken as the h
</div>
```

###Initialization
### Initialization
All you need to do is call the plugin inside a `$(document).ready` function:

```javascript
@@ -231,7 +241,7 @@ $.fn.pagepiling.setScrollingSpeed(700);


## Callbacks
###afterLoad (`anchorLink`, `index`)
### afterLoad (`anchorLink`, `index`)
Callback fired once the sections have been loaded, after the scrolling has ended.
Parameters:

@@ -260,7 +270,7 @@ Example:
});
```

###onLeave (`index`, `nextIndex`, `direction`)
### onLeave (`index`, `nextIndex`, `direction`)
This callback is fired once the user leaves a section, in the transition to the new section.

Parameters:
@@ -287,7 +297,7 @@ Example:
```


###afterRender()
### afterRender()
This callback is fired just after the structure of the page is generated. This is the callback you want to use to initialize other plugins or fire any code which requires the document to be ready (as this plugin modifies the DOM to create the resulting structure).

Example:
@@ -309,15 +319,21 @@ Example:
If you want your page to be listed here. Please <a href="mailto:alvaro@alvarotrigo.com">contact me</a> with the URL.

[![Facebook](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/facebook-pagepiling.gif)](http://www.facebookgroups.com/)
[![WaltDisney](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/waltDisney.gif)](http://waltdisney.org/galleries)
[![Logitech](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/logitech.gif)](http://www.logitech.com/en-gb)

- http://www.facebookgroups.com/
- http://waltdisney.org/galleries
- http://www.logitech.com/en-gb
- http://www.adigoodrich.com/
- https://number26.de/
- http://fngeats.com/
- http://ednahouse.org/statistics/
- http://sushi.steadfastlight.com/
- http://netstorage.com.br/nucs/nucs.html
- http://aungthurhahein.me/
- http://mannydesigns.co
- http://www.unwander.com/

## Donations
Donations would be more than welcome :)
@@ -1,6 +1,5 @@
{
"name": "pagePiling.js",
"version": "1.5.1",
"homepage": "https://github.com/alvarotrigo/pagePiling.js",
"authors": [
"Alvaro Trigo https://github.com/alvarotrigo"
@@ -0,0 +1,131 @@
/*!
* pagepiling.js 1.5.6
*
* https://github.com/alvarotrigo/pagePiling.js
* @license MIT licensed
*
* Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
*/
html, body {
overflow:hidden;
margin:0;
padding:0;

/*Avoid flicker on slides transitions for mobile phones #336 */
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.pp-section {
height:100%;
position:absolute;
width:100%;

/* fixes flickering in firefox*/
backface-visibility: hidden;
}
.pp-easing {
-webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
-moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
-o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
/* custom */
-webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
-moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
-o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
/* custom */
}
#pp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
}
#pp-nav.right {
right: 17px;
}
#pp-nav.left {
left: 17px;
}
.pp-section.pp-table{
display: table;
}
.pp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.pp-slidesNav{
position: absolute;
z-index: 4;
left: 50%;
opacity: 1;
}
.pp-slidesNav.bottom {
bottom: 17px;
}
.pp-slidesNav.top {
top: 17px;
}
#pp-nav ul,
.pp-slidesNav ul {
margin: 0;
padding: 0;
}
#pp-nav li,
.pp-slidesNav li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position:relative;
}
.pp-slidesNav li {
display: inline-block;
}
#pp-nav li a,
.pp-slidesNav li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#pp-nav li .active span,
.pp-slidesNav .active span {
background: #333;
}
#pp-nav span,
.pp-slidesNav span {
top: 2px;
left: 2px;
width: 8px;
height: 8px;
border: 1px solid #000;
background: rgba(0, 0, 0, 0);
border-radius: 50%;
position: absolute;
z-index: 1;
}
.pp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
}
.pp-tooltip.right {
right: 20px;
}
.pp-tooltip.left {
left: 20px;
}
.pp-scrollable{
overflow-y: scroll;
height: 100%;
}

No commit comments for this range

You can’t perform that action at this time.