Skip to content

Commit c974b94

Browse files
mlhDevelopmentmlhDevelopment
committed
Initial commit for continuousVertical
Added continuousVertical option for continuous vertical scrolling Added CSS3 and Continuous demo pages Updated other demo pages to include links to CSS3 and Continuous demo pages
1 parent cd1c2ac commit c974b94

File tree

11 files changed

+317
-59
lines changed

11 files changed

+317
-59
lines changed

‎examples/backgrounds.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33

44
<head>
@@ -44,6 +44,8 @@
4444
<option id="scrollingSpeed">Scrolling speed</option>
4545
<option id="easing">Easing</option>
4646
<option id="callbacks">Callbacks</option>
47+
<option id="css3">CSS3</option>
48+
<option id="continuous">Continuous scrolling</option>
4749
</select>
4850

4951
<div class="section " id="section0"><h1>fullPage.js</h1></div>

‎examples/callback.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33

44
<head>
@@ -71,6 +71,8 @@
7171
<option id="scrollingSpeed">Scrolling speed</option>
7272
<option id="easing">Easing</option>
7373
<option id="callbacks">Callbacks</option>
74+
<option id="css3">CSS3</option>
75+
<option id="continuous">Continuous scrolling</option>
7476
</select>
7577

7678

‎examples/continuous.html

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<head>
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6+
<title>Continuous Scroll - fullPage.js</title>
7+
<meta name="author" content="Matthew Howell" />
8+
<meta name="description" content="fullPage continuous scrolling demo." />
9+
<meta name="keywords" content="fullpage,jquery,demo,scroll,loop,continuous" />
10+
<meta name="Resource-type" content="Document" />
11+
12+
13+
<link rel="stylesheet" type="text/css" href="../jquery.fullPage.css" />
14+
<link rel="stylesheet" type="text/css" href="demoPage.css" />
15+
16+
<!--[if IE]>
17+
<script type="text/javascript">
18+
var console = { log: function() {} };
19+
</script>
20+
<![endif]-->
21+
22+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
23+
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
24+
25+
<script type="text/javascript" src="../jquery.fullPage.js"></script>
26+
<script type="text/javascript" src="examples.js"></script>
27+
<script type="text/javascript">
28+
$(document).ready(function() {
29+
var pepe = $.fn.fullpage({
30+
slidesColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
31+
anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
32+
menu: '#menu',
33+
continuousVertical: true,
34+
navigation: true,
35+
fixedElements: "#demosMenu",
36+
css3: true
37+
});
38+
});
39+
</script>
40+
41+
</head>
42+
<body>
43+
44+
45+
<select id="demosMenu">
46+
<option id="background" selected>Choose Demo</option>
47+
<option id="background">Background Images</option>
48+
<option id="looping">Looping</option>
49+
<option id="noAnchor">No anchor links</option>
50+
<option id="scrollingSpeed">Scrolling speed</option>
51+
<option id="easing">Easing</option>
52+
<option id="callbacks">Callbacks</option>
53+
<option id="css3">CSS3</option>
54+
<option id="continuous">Continuous scrolling</option>
55+
</select>
56+
57+
58+
<ul id="menu">
59+
<li data-menuanchor="firstPage" class="active"><a href="#firstPage">First slide</a></li>
60+
<li data-menuanchor="secondPage"><a href="#secondPage">Second slide</a></li>
61+
<li data-menuanchor="3rdPage"><a href="#3rdPage">Third slide</a></li>
62+
</ul>
63+
64+
65+
<div class="section " id="section0">
66+
<h1>fullPage.js</h1>
67+
<p>Continuous Scrolling Enabled</p>
68+
<img src="imgs/fullPage.png" alt="fullPage" />
69+
</div>
70+
<div class="section" id="section1">
71+
<div class="intro">
72+
<h1>Around the world scrolling</h1>
73+
<p>Go to the first section and scroll up or to the last one and scroll down to see how it works.</p>
74+
</div>
75+
</div>
76+
<div class="section" id="section2">
77+
<div class="intro">
78+
<h1>Scroll Down</h1>
79+
<p>And it will animate down to the first section</p>
80+
</div>
81+
</div>
82+
83+
84+
</body>
85+
</html>

‎examples/css3.html

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<head>
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6+
<title>CSS3 - fullPage.js</title>
7+
<meta name="author" content="Alvaro Trigo Lopez" />
8+
<meta name="description" content="fullPage.js using CSS3 transformations." />
9+
<meta name="keywords" content="fullpage,jquery,anchor,links,inside,demo,css,css3" />
10+
<meta name="Resource-type" content="Document" />
11+
12+
13+
<link rel="stylesheet" type="text/css" href="../jquery.fullPage.css" />
14+
<link rel="stylesheet" type="text/css" href="demoPage.css" />
15+
16+
<!--[if IE]>
17+
<script type="text/javascript">
18+
var console = { log: function() {} };
19+
</script>
20+
<![endif]-->
21+
22+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
23+
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
24+
25+
<script type="text/javascript" src="../jquery.fullPage.js"></script>
26+
<script type="text/javascript" src="examples.js"></script>
27+
<script type="text/javascript">
28+
$(document).ready(function() {
29+
var pepe = $.fn.fullpage({
30+
slidesColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
31+
css3: true,
32+
fixedElements: "#demosMenu"
33+
});
34+
});
35+
</script>
36+
37+
</head>
38+
<body>
39+
40+
41+
<select id="demosMenu">
42+
<option id="background" selected>Choose Demo</option>
43+
<option id="background">Background Images</option>
44+
<option id="looping">Looping</option>
45+
<option id="noAnchor">No anchor links</option>
46+
<option id="scrollingSpeed">Scrolling speed</option>
47+
<option id="easing">Easing</option>
48+
<option id="callbacks">Callbacks</option>
49+
<option id="css3">CSS3</option>
50+
<option id="continuous">Continuous scrolling</option>
51+
</select>
52+
53+
54+
<div class="section " id="section0">
55+
<h1>fullPage.js</h1>
56+
<p>CSS3</p>
57+
<img src="imgs/fullPage.png" alt="fullPage" />
58+
</div>
59+
<div class="section" id="section1">
60+
<div class="intro">
61+
<h1>Speed on mobile</h1>
62+
<p>
63+
If CSS3 transforms are supported (e.g. on mobile devices) they will be used for animations, usually a good
64+
choice if the animation on mobile devices is slow.
65+
</p>
66+
</div>
67+
</div>
68+
<div class="section" id="section2">
69+
<div class="intro">
70+
<h1>No CSS3? No problem!</h1>
71+
<p>If CSS3 is not available, animations will fall back to jQuery animate.</p>
72+
</div>
73+
</div>
74+
</body>
75+
</html>

‎examples/demoPage.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33

44
<head>
@@ -47,6 +47,8 @@
4747
<option id="scrollingSpeed">Scrolling speed</option>
4848
<option id="easing">Easing</option>
4949
<option id="callbacks">Callbacks</option>
50+
<option id="css3">CSS3</option>
51+
<option id="continuous">Continuous scrolling</option>
5052
</select>
5153

5254

‎examples/easing.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33

44
<head>
@@ -48,6 +48,8 @@
4848
<option id="scrollingSpeed">Scrolling speed</option>
4949
<option id="easing">Easing</option>
5050
<option id="callbacks">Callbacks</option>
51+
<option id="css3">CSS3</option>
52+
<option id="continuous">Continuous scrolling</option>
5153
</select>
5254

5355

‎examples/examples.js

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,15 @@ $(document).ready(function(){
2626

2727
case 'callbacks':
2828
window.location.href = 'callback.html';
29-
break;
29+
break;
30+
31+
case 'css3':
32+
window.location.href = 'css3.html';
33+
break;
34+
35+
case 'continuous':
36+
window.location.href = 'continuous.html';
37+
break;
3038
}
3139
});
3240

‎examples/looping.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33

44
<head>
@@ -48,6 +48,8 @@
4848
<option id="scrollingSpeed">Scrolling speed</option>
4949
<option id="easing">Easing</option>
5050
<option id="callbacks">Callbacks</option>
51+
<option id="css3">CSS3</option>
52+
<option id="continuous">Continuous scrolling</option>
5153
</select>
5254

5355

‎examples/noAnchor.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33

44
<head>
@@ -44,6 +44,8 @@
4444
<option id="scrollingSpeed">Scrolling speed</option>
4545
<option id="easing">Easing</option>
4646
<option id="callbacks">Callbacks</option>
47+
<option id="css3">CSS3</option>
48+
<option id="continuous">Continuous scrolling</option>
4749
</select>
4850

4951

‎examples/scrollingSpeed.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33

44
<head>
@@ -48,6 +48,8 @@
4848
<option id="scrollingSpeed">Scrolling speed</option>
4949
<option id="easing">Easing</option>
5050
<option id="callbacks">Callbacks</option>
51+
<option id="css3">CSS3</option>
52+
<option id="continuous">Continuous scrolling</option>
5153
</select>
5254

5355

0 commit comments

Comments
 (0)