-
Notifications
You must be signed in to change notification settings - Fork 0
/
fixedbar.html
61 lines (50 loc) · 1.8 KB
/
fixedbar.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
<!--
Author : Vinay Chittora
Email : [email protected]
Webpage : vinaychittora.blogspot.com
-->
<!DOCTYPE HTML>
<html>
<head>
<title>A fixed Position Bottom Bar (Example)</title>
<link href="css/fxedbar.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/FixBar.js"></script>
</head>
<body>
<div id="site-bottom-bar" class="fixed-position">
<div id="site-bottom-bar-frame">
<div id="site-bottom-bar-content">
<ul id="site-bottom-bar-items">
</ul>
</div>
</div>
</div>
<div id="site-body-container">
<div id="site-body-content">
<div>
<p>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Aliquam dictum enim in mauris
luctus convallis. Aliquam erat volutpat.
Suspendisse potenti. Duis blandit, urna vitae
feugiat porttitor, risus est ornare metus, at
dignissim urna velit id enim. Donec lectus nisi,
consectetur eget sollicitudin id, bibendum
laoreet velit.
<p>
<p>
<button id="addItems">Add Random Items Into Bottom Bar</button>
</p>
<p id="remove-items-links">
</p>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<p>
A lot of line breaks has been added to fake document height, and test the fixed bar is working properly or not
</p>
<br/><br/><br/><br/><br/><br/><br/><br/>
</div>
</div>
</div>
</body>
</html>