-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdemos-3-inverted-elements.html
73 lines (54 loc) · 4.64 KB
/
demos-3-inverted-elements.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery mobTabMenu Demo 3: Inverted Elements</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/jQuery.mobTabMenu.js"></script>
<link rel="stylesheet" type="text/css" href="css/mobTabMenu.css" />
<link rel="stylesheet" type="text/css" href="css/demos.css" />
<link href="http://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet" type="text/css" />
<script>
$(function() {
$('nav#mobile-menu').mobTabMenu({
position: 'top',
speed: 500,
fixedElements: 'div#mobile-bar',
invertedFixedElements: 'footer',
animateBody: true
});
});
</script>
</head>
<body class="demo-3">
<div id="mobile-bar">
<a href="#" class="mob-tab-menu-toggle"></a>
</div>
<nav id="mobile-menu" style="display: none;">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</nav>
<h1>jQuery mobTabMenu Demo 3: Inverted Elements</h1>
<article>
<p><a href="demos.html">Back to demos</a></p>
<p><strong>Be sure to add any fixed position elements that are positioned opposite your menu to the invertedFixedElements option!</strong></p>
<p>His officiis hendrerit id, ei enim sale est. Enim philosophia no mea, sed natum splendide argumentum ut. Duo omnis ullum mnesarchum id. An his brute homero regione, brute ubique mei te. Eum labores accusata id. Pro et iisque incorrupte, ne vim veniam urbanitas.</p>
<p>An pri sumo simul blandit, per habeo incorrupte te. Nec id sonet primis. Velit molestie nam in, eum et convenire complectitur. Mei ad quas prodesset, te mel prima regione accumsan, ex ludus appellantur vix. Et alterum partiendo delicatissimi quo, has vocent indoctum id. Te sit dicta noster comprehensam, harum reprehendunt qui at, ad mazim dissentiunt pri.</p>
<p>Ex nostrud eleifend vis. Pro modo platonem appellantur no. Reque quaerendum id duo. Esse aperiri at per, sea an diceret vocibus epicurei. Ea mea doming utroque detraxit.</p>
<p>Causae albucius at mel, eu saepe libris quaerendum mea. Bonorum facilisis usu cu, vel ad mutat mazim. At veniam officiis reprehendunt per. Duo altera volutpat suscipiantur ut, duo vidisse singulis an, quando iracundia signiferumque at mei. Eu eos nisl nihil, sale augue possim ad usu. Duo in magna repudiare quaerendum, electram instructior ei eos.</p>
<p>Ex cum adolescens adversarium, est ut dictas vocibus. Natum eirmod eam te. Aeque commune nam no, eum cu exerci graece postulant. Maiorum dignissim et nec. No ius posse scripta, in eum tantas debitis assueverit. Cum in vide tractatos, nam an etiam corrumpit.</p>
<p>Ne tota mandamus sadipscing sed, has eu utamur disputando adversarium, ex everti deterruisset sed. Vis regione placerat contentiones ex, modus minimum antiopam cu pro, illum postea suscipiantur ad eam. Usu brute zril vivendo an, et mel wisi quidam tacimates, ei cum offendit adipiscing. Ei sit posse omittam, regione virtute te vim. Qui ex eius nostrud facilisi, nonumy corpora deterruisset sed ex. Vix ne justo laudem delicata, habeo recteque sea ne.</p>
<p>Nonumy bonorum principes cu est, sea eripuit molestiae efficiantur no, nec diam posse denique ex. His omnis labores ea. Ut viderer facilisi definiebas vim, pri ut affert consul detracto. Posidonium inciderint at sed, ad eam nullam deserunt. Id ceteros repudiare sed, tempor vocent ut his.</p>
<p>Mutat impedit pro at, tota repudiare mea ex. Id labores vocibus invenire mea. Rebum erant pri eu, id eius nulla volutpat sed. Eum an quod sanctus, ne cum modo impedit tractatos. No debet possim has, usu cibo veniam menandri ei, nec solet interesset cu. Pro case iusto prompta no, eum autem oratio adversarium et, has utinam evertitur no. Sumo adhuc eu vel.</p>
<p>Ea odio tation lucilius qui, duo harum zril ad, his lorem adolescens an. Ludus noluisse delectus ea vim, nam adolescens definiebas ullamcorper ad, qui ne rebum everti numquam. Mel ne suavitate consequat. Pro qualisque corrumpit abhorreant cu, et nam pertinax pertinacia, ad dicat voluptatibus vituperatoribus mei. In nec ceteros accusata, at soluta adipiscing vim, summo habemus instructior no vim. Aperiri vivendo ea mea, principes theophrastus pri no.</p>
<p>Eum nibh aliquid id. Quo noluisse definitiones ne. An nec iudicabit definitionem, an periculis philosophia his, mazim vitae cum in. Has nostrum atomorum platonem ex.</p>
</article>
<footer>
Eum nibh aliquid id. Quo noluisse definitiones ne
</footer>
</body>
</html>