-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (98 loc) · 6.68 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
<title>Drag Test</title>
<link href="styles.css" media="all" rel="stylesheet" type="text/css"/>
<script src="/common/jquery-1.7.2.js"></script>
<script src="/common/jquery.mousewheel.js"></script>
<script src="/common/jquery.mousehold.js"></script>
<script src="draggable.js"></script>
<script src="scroller.js"></script>
<script type="text/javascript">
$(function(){
// Draggable object example - move vertical only
$('.element').each(function(){
$(this).draggable({
bound: true,
lock: $(this).parent().attr("fix"),
onMove: function () {
this.siblings('.position').text( 'Top: ' + this.position().top + 'Left: ' + this.position().left );
}
});
});
$('.content').each(function() {
$(this).scroller({
orientation: $(this).attr("fix"),
showButtons: false,
scrollDistance: 5
});
});
});
</script>
</head>
<body>
<div>
<h1>Vertical Draggable Element</h1>
<div class="draggable" fix="horizontal">
<div class="element"></div>
<div class="position"></div>
</div>
<h1>Horizontal Draggable Element</h1>
<div class="draggable" fix="vertical">
<div class="element"></div>
<div class="position"></div>
</div>
<h1>Free Draggable Element</h1>
<div class="draggable" fix="none">
<div class="element"></div>
<div class="position"></div>
</div>
</div>
<div class="scrollers">
<div id="vertical-scroller">
<h1>Vertical Scroller</h1>
<div class="content" fix="vertical">
<p>
Content to cause the scroll-content area to overflow and create a nice scroller :).
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
</p>
</div>
</div>
<div id="horizontal-scroller">
<h1>Horizontal Scroller</h1>
<div class="content" fix="horizontal">
<p>
Content to cause the scroll-content area to overflow and create a nice scroller :).
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg. Jsadf asdf asdofj lerjkh lakdjfg alskjfhaldsfkjg alskjdfgh uhfg siodfhg sodfg sdfg.
</p>
</div>
</div>
</div>
</body>
</html>