-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (55 loc) · 12.9 KB
/
index.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Scrollr</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="Author" content="Chris Finch">
<!-- Styles -->
<link href="assets/reset.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy' rel='stylesheet' type='text/css'>
<link href="assets/jquery.simple.scroller.css" rel="stylesheet" type="text/css" />
<link href="assets/style.css" rel="stylesheet" type="text/css" />
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="assets/js/jquery.simple.scroller.js" type="text/javascript"></script>
<script src="assets/js/script.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link href="assets/style_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body class="home">
<div class="wrapper">
<h1>Simple Scroller: jQuery.Simple.Scroller.js</h1>
<div class="info">
<ol>
<li>Mousewheel enabled.</li>
<li>Draggable handle.</li>
<li>Clickable scrollbar.</li>
</ol>
</div>
<div class="content1">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</p>
</div>
<div class="content2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</p>
</div>
<div class="content3">
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et auctor nunc. Pellentesque posuere magna eu risus lobortis vel convallis elit scelerisque. Donec est justo, elementum vitae condimentum a, viverra eget augue. Cras eget risus sit amet dui rhoncus adipiscing. Curabitur elit orci, volutpat eget fermentum mattis, tincidunt euismod sapien. In eget rhoncus magna. Phasellus vitae nisl quis leo pellentesque posuere. Donec nec consectetur nisl. Vivamus vitae purus nec libero varius tempus. Aenean arcu erat, rutrum vel blandit laoreet, porttitor vitae ante. In quis elementum arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis, erat id pellentesque placerat, nibh lectus adipiscing odio, non adipiscing metus nisl auctor arcu. Mauris dictum consequat orci, sit amet cursus purus condimentum feugiat. Nam in eros quam, scelerisque fringilla tortor.</li>
</ul>
</div>
</div>
</body>
</html>