Skip to content

Commit 2b8c6b1

Browse files
alvarotrigoalvarotrigo
committed
- Examples: added normalScrollElements.
1 parent 59ec06a commit 2b8c6b1

File tree

1 file changed

+73
-0
lines changed

1 file changed

+73
-0
lines changed

‎examples/normalScrollElements.html

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
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>Normal Scroll Elements - fullPage.js</title>
7+
<meta name="author" content="Alvaro Trigo Lopez" />
8+
<meta name="description" content="Normal Scroll Elements for fullPage." />
9+
<meta name="keywords" content="fullpage,jquery,demo,normoalScrollElements,overflow,scrollable,scrollbar" />
10+
<meta name="Resource-type" content="Document" />
11+
12+
<link rel="stylesheet" type="text/css" href="../jquery.fullPage.css" />
13+
<link rel="stylesheet" type="text/css" href="examples.css" />
14+
15+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
16+
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
17+
18+
<script type="text/javascript" src="../jquery.fullPage.js"></script>
19+
<script type="text/javascript">
20+
$(document).ready(function() {
21+
$('#fullpage').fullpage({
22+
sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
23+
normalScrollElements: '.scrollable-element',
24+
});
25+
});
26+
</script>
27+
28+
<style>
29+
.scrollable-element{
30+
height: 400px;
31+
width: 600px;
32+
overflow-y: scroll;
33+
margin: 0 auto;
34+
}
35+
.box{
36+
display: block;
37+
background: red;
38+
margin: 20px;
39+
padding: 20px;
40+
}
41+
</style>
42+
</head>
43+
<body>
44+
45+
<div id="fullpage">
46+
<div class="section active" id="section0">
47+
<h1>fullPage.js</h1>
48+
<p>Normal Scroll Elements</p>
49+
<div class="scrollable-element">
50+
<div class="box">Some text</div>
51+
<div class="box">Some text</div>
52+
<div class="box">Some text</div>
53+
<div class="box">Some text</div>
54+
<div class="box">Some text</div>
55+
<div class="box">Some text</div>
56+
<div class="box">Some text</div>
57+
<div class="box">Some text</div>
58+
<div class="box">Some text</div>
59+
<div class="box">Some text</div>
60+
<div class="box">Some text</div>
61+
<div class="box">Some text</div>
62+
</div>
63+
</div>
64+
<div class="section" id="section1">
65+
<div class="slide"><h1>Section 2</h1></div>
66+
<div class="slide"><h1>Slide 2.2</h1></div>
67+
<div class="slide"><h1>Slide 2.1</h1></div>
68+
</div>
69+
<div class="section" id="section2"><h1>Section 3</h1></div>
70+
</div>
71+
72+
</body>
73+
</html>

0 commit comments

Comments
 (0)