-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchrome.scroll2.htm
339 lines (337 loc) · 34.1 KB
/
chrome.scroll2.htm
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>scroll debug</title>
<style>
* {
box-sizing: border-box;
}
#chat {
position: fixed;
right: 10px;
bottom: 10px;
width: 300px;
height: 300px;
overflow: hidden;
padding: 5px;
background-color: white;
border: 1px solid gray;
}
#log {
height: 100%;
overflow-y: scroll;
padding: 5px;
}
#log > p {
padding: 10px;
border-radius: 5px;
margin: 10px 50px 10px 0;
background-color: #eee;
}
#log > p:nth-child(even) {
text-align: right;
margin: 10px 0 10px 50px;
}
</style>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", event => {
window.addEventListener("wheel", ev => {
console.log('wnd wheel');
});
window.addEventListener("scroll", ev => {
console.log('wnd scroll');
});
document.getElementById('log').addEventListener("wheel", ev => {
ev.stopPropagation();
console.log('log wheel');
});
document.getElementById('log').addEventListener("scroll", ev => {
console.log('log scroll');
});
});
</script>
</head>
<body>
<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac faucibus sapien. Phasellus ultrices elementum volutpat. Nam augue massa, scelerisque vitae maximus vel, mattis vel justo. Nam efficitur dictum pellentesque. Vestibulum suscipit finibus
augue. Fusce eget ornare felis. Pellentesque et ullamcorper nibh. Sed ac purus vehicula, tincidunt magna et, fringilla turpis. Etiam risus lacus, vehicula sit amet malesuada in, bibendum eu est. Nullam consectetur interdum quam, et tempus mi egestas
non. Nunc at mauris porta, pharetra odio in, vestibulum justo. Proin ante ipsum, varius nec malesuada mattis, placerat non ligula. Nulla vitae ultricies augue. Aliquam rhoncus orci vel sem sagittis vestibulum. Integer vitae bibendum eros, vel molestie
dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel erat scelerisque, sodales enim quis, hendrerit turpis. Maecenas eu accumsan libero. Donec blandit dictum tincidunt. Nam velit dolor, imperdiet ut pulvinar sit amet, facilisis sit amet
lectus. Cras pharetra felis nec diam vestibulum, sit amet imperdiet ante ornare. Sed eget vestibulum lacus. Integer ac magna pellentesque, tincidunt erat vitae, fringilla quam. Donec placerat pulvinar nibh, a finibus odio consectetur sed. Maecenas
varius consectetur risus in iaculis.
</p>
<p>
Pellentesque ut facilisis dui. In eu lobortis diam. Integer at accumsan tortor. Sed volutpat volutpat nisl, et tempor nisl rhoncus ac. Nullam at ante accumsan, euismod purus sollicitudin, elementum tortor. Mauris aliquam ipsum massa, eu auctor erat aliquam
non. Aenean ultricies fermentum sem, vel condimentum nibh fermentum a. Vestibulum blandit, tellus nec euismod vestibulum, lacus erat elementum enim, id faucibus arcu libero eu quam. Etiam faucibus enim erat, sed gravida nunc tincidunt id. Proin lacinia
eu tellus vitae ultrices. Vivamus a magna nec metus pellentesque malesuada.
</p>
<p>
Etiam lorem mauris, mollis quis nisl ut, laoreet iaculis enim. Curabitur pulvinar sem magna, quis egestas justo sollicitudin lacinia. Praesent et quam enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam
iaculis tellus sit amet malesuada laoreet. Morbi purus justo, dictum vel tellus sit amet, placerat interdum lacus. Suspendisse a congue dui, vel dictum risus. Etiam porttitor porttitor fringilla. In fringilla dui sed tempor viverra. Proin non mi urna.
</p>
<p>
In eget blandit massa. In hac habitasse platea dictumst. Maecenas eu tellus sem. Pellentesque sed nunc vitae nulla hendrerit rhoncus sit amet vel dui. Mauris vehicula turpis nibh, eget commodo ex lobortis eget. Curabitur dictum molestie bibendum. In eu
mi vitae nulla venenatis posuere. Quisque porttitor metus quis nulla varius, at porta dui posuere. Ut efficitur vitae ex lacinia consectetur. Curabitur interdum elit lorem. Integer vitae enim mauris. Aliquam ultricies justo non lorem vulputate, non
sodales lectus viverra. Donec consequat, diam ac tincidunt ultrices, leo felis sodales magna, et euismod mauris sapien quis lacus. Phasellus id nisl velit. Suspendisse nec velit a est posuere ultricies.
</p>
</div>
<div id="chat">
<div id="log">
<p>Nullam auctor vitae nulla egestas fermentum..</p>
<p>Suspendisse volutpat bibendum tellus vitae iaculis.</p>
<p>Mauris commodo tellus id tortor commodo, elementum pulvinar est aliquet.</p>
<p>Donec aliquam posuere sollicitudin.</p>
<p>Sed gravida purus ut quam fermentum, ac dapibus metus cursus.</p>
<p>Sed vestibulum posuere faucibus.</p>
<p>Fusce felis magna, molestie in orci vitae, mollis pulvinar eros.</p>
<p>Integer iaculis metus nec nulla blandit efficitur.</p>
<p>Nullam auctor vitae nulla egestas fermentum..</p>
<p>Suspendisse volutpat bibendum tellus vitae iaculis.</p>
<p>Mauris commodo tellus id tortor commodo, elementum pulvinar est aliquet.</p>
<p>Donec aliquam posuere sollicitudin.</p>
<p>Sed gravida purus ut quam fermentum, ac dapibus metus cursus.</p>
<p>Sed vestibulum posuere faucibus.</p>
<p>Fusce felis magna, molestie in orci vitae, mollis pulvinar eros.</p>
<p>Integer iaculis metus nec nulla blandit efficitur.</p>
<p>Nullam auctor vitae nulla egestas fermentum..</p>
<p>Suspendisse volutpat bibendum tellus vitae iaculis.</p>
<p>Mauris commodo tellus id tortor commodo, elementum pulvinar est aliquet.</p>
<p>Donec aliquam posuere sollicitudin.</p>
<p>Sed gravida purus ut quam fermentum, ac dapibus metus cursus.</p>
<p>Sed vestibulum posuere faucibus.</p>
<p>Fusce felis magna, molestie in orci vitae, mollis pulvinar eros.</p>
<p>Integer iaculis metus nec nulla blandit efficitur.</p>
</div>
</div>
</body>
</html>