forked from litera/jquery-scrollintoview
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
153 lines (152 loc) · 26.7 KB
/
demo.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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.scrollintoview.min.js"></script>
<script type="text/javascript">
$(function(){
var notify = function() {
setTimeout(function() {
var n = $("<div class='notify'>Finished scrolling.</div>").appendTo("body");
setTimeout(function() { n.remove(); }, 2500);
}, 250);
};
$("a.last").click(function(e){
e.preventDefault();
$("p:last").scrollintoview({ duration: 5000, complete: notify });
});
$("a.first").click(function(e){
e.preventDefault();
$("p").scrollintoview({ duration: "normal", complete: notify });
});
});
</script>
<style>
body {
font-family: Segoe UI, sans-serif;
font-size: 11pt;
line-height: 1.3em;
}
p {
margin: 9px 0;
border: 2px dashed #abc;
padding: 5px 10px;
background-color: #def;
}
p.first,
p.last {
background-color: #fdd;
border-color: #caa;
}
.notify {
background: #c33;
margin-left: -125px;
padding: 10px 15px;
border: 1px solid #933;
border-radius: 5px;
box-shadow: 0 2px 3px #999;
position: fixed;
width: 250px;
text-align: center;
left: 50%;
top: 25px;
color: #fcc;
font-weight: bold;
}
</style>
</head>
<body>
<a href="#" class="last">Scroll slowly to last paragraph</a>
<p class="first">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim elit eu neque ultrices nec convallis dui lacinia. Sed ultricies pellentesque fermentum. Quisque erat felis, sagittis fringilla auctor eget, vulputate posuere sem. Donec fermentum mauris eget nunc vehicula gravida. Pellentesque orci nunc, malesuada quis imperdiet nec, tincidunt non dui. Vestibulum iaculis varius risus, in blandit libero dignissim in. Maecenas eros quam, volutpat vel faucibus sit amet, accumsan at nulla. Praesent massa metus, malesuada vitae sodales dapibus, commodo in nunc. Nullam lacinia mollis aliquet. Donec nunc lorem, luctus in dictum vel, tempus sed eros. Phasellus lobortis tincidunt ultrices. Mauris fringilla lacinia massa, vitae lobortis lorem accumsan vel. Suspendisse scelerisque justo dolor. Etiam rhoncus, justo eget consectetur placerat, nisl dui egestas enim, ut consectetur dui tellus sit amet orci. Proin non dolor velit, mollis dictum urna. Aliquam erat volutpat. Nullam tempus tempor viverra. Donec ac arcu mauris. Etiam commodo elit quis mauris egestas eleifend at eget lorem.
</p>
<p>
Etiam et tortor urna. Aliquam vel nisl metus. Integer iaculis dictum bibendum. Donec auctor, tortor quis pharetra blandit, risus dolor condimentum arcu, non gravida magna libero at nibh. Vestibulum tempus congue mattis. Pellentesque sit amet erat ante, in tristique lectus. Maecenas tempor dictum mi at semper. Nunc at mauris at urna lobortis tempor. Aliquam ligula velit, sagittis vitae dapibus sed, gravida vitae metus. Sed in gravida quam. Aenean sed tellus est. Aliquam laoreet sodales eros, ac consequat lacus dictum sed.
</p>
<p>
Nullam pulvinar, risus at elementum ullamcorper, nisl dolor placerat dolor, id hendrerit augue justo vitae felis. Morbi et diam quis mi pellentesque aliquet non et libero. In ante quam, ultrices id euismod non, laoreet id nunc. In elementum euismod malesuada. Suspendisse tincidunt tempus dapibus. Mauris hendrerit varius metus, vitae egestas enim feugiat pulvinar. Vivamus feugiat convallis iaculis. Aliquam congue odio id sem dictum in euismod lacus gravida. Mauris quam mi, commodo in ultrices vel, porttitor vitae ipsum. Vivamus luctus tempor lorem, et tincidunt elit pellentesque sed. Phasellus pulvinar mollis pulvinar. Sed eget metus magna, ut imperdiet dui. Praesent id quam eget ligula rutrum sollicitudin non quis orci.
</p>
<p>
Cras lacinia elementum tincidunt. Curabitur dapibus condimentum bibendum. Ut vel ultricies augue. Nam tempus sapien a massa vehicula non auctor enim scelerisque. Aliquam cursus lorem at magna fringilla placerat. Phasellus non augue ac est scelerisque ultrices. Cras eu lacus lacus. Morbi ac lacus eget lorem porttitor malesuada. Aliquam ut tincidunt eros. Morbi luctus velit ut mauris semper quis sollicitudin velit tincidunt. Proin facilisis sollicitudin sollicitudin. Phasellus sit amet turpis felis, et gravida elit. Donec semper, felis eu mollis luctus, tortor nisl fermentum urna, et auctor turpis nibh eu erat. Proin eget luctus arcu. Mauris mattis sodales sapien, rhoncus sollicitudin ipsum iaculis id. Vivamus tempus dui a nibh mollis dapibus.
</p>
<p>
Nulla facilisi. Donec ipsum eros, viverra vitae imperdiet id, condimentum ut turpis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras a nisi sed mauris rutrum venenatis pellentesque et libero. Nunc tortor massa, luctus sed rutrum quis, malesuada sed metus. Integer massa mauris, tincidunt eu scelerisque eu, egestas non nunc. Nam luctus suscipit lectus non placerat. Sed sit amet magna nulla. Integer at lectus libero. Duis sit amet magna ipsum, eget iaculis sapien. Cras convallis justo vel lacus laoreet convallis. Integer at felis sit amet ipsum interdum gravida non eget arcu.
</p>
<p>
Nulla facilisi. Maecenas vel sapien a enim fringilla placerat. Cras non ante eget sem sollicitudin bibendum. Vivamus adipiscing lacus eu odio blandit molestie ullamcorper nisl vehicula. Etiam vestibulum gravida nisi, non feugiat lectus sagittis at. Integer a ornare erat. Aliquam tincidunt dui enim. Nullam nec neque faucibus tellus hendrerit sodales nec ac nibh. Vivamus sagittis congue augue et interdum. Vestibulum sodales augue consequat mauris vulputate cursus. Praesent consequat purus vel erat vehicula sagittis. Pellentesque risus leo, vulputate eu consequat at, lacinia vitae elit. Proin rutrum suscipit lacinia. Pellentesque condimentum, odio et fringilla ultricies, lectus massa euismod est, ut mollis nibh ante sit amet lorem. Proin interdum porttitor diam eget scelerisque. Nulla fermentum mi eget elit eleifend adipiscing. Proin a congue nibh. Nam iaculis lacus vel tellus condimentum condimentum.
</p>
<p>
Cras consequat rutrum orci non lobortis. Phasellus feugiat risus et nibh varius id cursus diam viverra. Suspendisse potenti. Fusce nulla purus, fringilla non porttitor eget, tristique id nibh. Morbi condimentum consectetur diam, eu sagittis enim vehicula eget. Vivamus et justo vitae felis facilisis faucibus. Duis sed ante sapien. Aenean ac tellus tortor, ut viverra diam. Fusce vitae volutpat arcu. Vivamus ultricies, lectus at tincidunt tincidunt, dolor lectus molestie augue, quis ultrices ante elit ac elit. Proin nulla lectus, mollis in adipiscing in, aliquet eu tortor. Etiam sit amet erat dapibus nisi condimentum volutpat. Vivamus nunc diam, rutrum quis scelerisque vel, dictum in felis. Nam adipiscing volutpat turpis, nec bibendum felis interdum quis. Nullam facilisis luctus rhoncus. Aenean a odio ut arcu vehicula iaculis.
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam consequat, ante ut tristique vestibulum, augue magna egestas lacus, congue rhoncus magna dui sit amet enim. Donec lacus sem, ullamcorper et posuere eget, accumsan eget nunc. Nulla laoreet dolor sit amet nulla pharetra vel tristique quam posuere. Suspendisse dui nisi, laoreet ac sollicitudin in, fermentum vel nibh. Nulla vitae nisl ac erat consequat condimentum. Duis eu libero velit, eget tincidunt urna. Duis luctus ullamcorper justo, vitae volutpat dui consequat at. Vivamus viverra euismod orci sit amet venenatis. Phasellus semper ultrices ante, ac tincidunt orci dapibus non. Morbi scelerisque suscipit felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse pretium, felis eu molestie bibendum, turpis lectus tristique sem, nec facilisis nisl tortor ac orci.
</p>
<p>
Pellentesque pharetra purus varius nunc molestie nec suscipit augue suscipit. Aenean varius interdum nibh sit amet viverra. Aliquam malesuada euismod augue, ac tincidunt ligula faucibus id. Nulla nisi est, porta sit amet sodales eu, varius id orci. Quisque at sapien quis leo cursus egestas. Pellentesque arcu metus, auctor ut eleifend tincidunt, congue quis lacus. Nulla facilisi. Duis nec ante sit amet eros rhoncus commodo. Duis auctor tincidunt lorem, nec consequat nibh vulputate nec. Proin ipsum orci, rutrum sit amet euismod quis, pharetra nec tellus. Aenean lacinia mi ac nibh interdum dignissim. Fusce rutrum, quam nec feugiat volutpat, turpis nisl vehicula tortor, in pharetra velit magna nec augue. Vivamus lobortis faucibus leo vel tempor. Nullam accumsan orci ut purus commodo in dictum risus consectetur. Nam sagittis sapien enim, laoreet auctor tellus. Ut sit amet mauris vel augue ultricies aliquam in sed eros. Morbi feugiat purus id urna euismod tempor. Cras iaculis pulvinar ante eget sagittis.
</p>
<p>
Curabitur gravida est diam, a auctor nisl. Aenean eu turpis magna. Quisque tempus, turpis ac accumsan hendrerit, augue lorem eleifend justo, quis ultrices felis sem sit amet odio. Maecenas cursus dui dictum lacus commodo sit amet laoreet arcu suscipit. Nunc tempus porttitor blandit. Pellentesque vel erat eget arcu ullamcorper fringilla eu eu urna. Sed aliquam urna velit, eget semper enim. Donec ultricies scelerisque felis, at imperdiet ipsum accumsan id. Integer dignissim dolor vitae erat aliquet vitae bibendum ipsum ullamcorper. Quisque dui felis, lacinia ac iaculis vel, pulvinar sed massa. Proin sollicitudin convallis tempor. Nunc vitae nunc in ante suscipit volutpat eu vel sem. Vivamus suscipit, libero sit amet porttitor venenatis, urna metus dignissim mi, quis lobortis odio sem in magna. Mauris sit amet massa tellus.
</p>
<p>
Etiam ultricies, tortor et accumsan mollis, odio lacus aliquam elit, ut consectetur elit mauris sed sem. Duis viverra ligula id lacus fermentum at convallis ipsum tincidunt. Sed dui urna, pellentesque eu porttitor at, congue non metus. Suspendisse libero libero, rutrum sit amet sagittis at, laoreet id ipsum. Donec tempor felis eu sapien euismod tincidunt. Duis eu dolor nibh, eu euismod justo. Curabitur dapibus, mauris a facilisis fermentum, mauris nulla mollis velit, eget ornare tortor metus molestie turpis. Etiam rhoncus feugiat dui eu tristique. Maecenas hendrerit tortor quis orci pellentesque eget eleifend tortor consectetur. Proin ut justo quis justo tempor iaculis. Quisque porta pharetra fringilla. Aliquam sit amet tempus urna. Mauris metus est, volutpat non suscipit vitae, malesuada et metus. Donec eu fringilla purus. Etiam et sapien a sapien suscipit viverra et vitae eros. Aenean et sapien vitae nulla facilisis rhoncus. Nullam neque est, sodales vel cursus et, pellentesque eget ligula. Quisque condimentum nisi quis risus tincidunt eu varius augue viverra. Nullam suscipit hendrerit nisi id gravida. In mattis porttitor quam et interdum.
</p>
<p>
Proin iaculis, ante sed ultrices sagittis, ante mauris sodales tortor, non vulputate quam elit sed arcu. Sed sit amet neque lorem, non adipiscing sapien. Nulla facilisi. Proin nulla diam, lobortis id condimentum eget, lacinia et enim. Proin sed mauris urna, vel pretium eros. Vivamus sit amet nulla dui, sit amet dictum lacus. Quisque sit amet sem et ante pulvinar commodo. Ut eget elit sit amet odio dictum rhoncus eget ut lacus. Integer feugiat nisl scelerisque tellus vehicula ut luctus ipsum dictum. Maecenas fermentum condimentum tortor ut ultricies. Vestibulum mollis, felis ac ultrices accumsan, est dui pretium erat, vitae rhoncus arcu tortor et nulla.
</p>
<p>
Cras pretium congue sapien, ut hendrerit neque commodo id. Nunc in quam massa, sit amet sollicitudin lacus. Nulla metus mauris, gravida ut interdum et, placerat vel magna. Pellentesque auctor dui id nisl hendrerit in bibendum ipsum convallis. Quisque vitae urna turpis, et tristique nunc. Phasellus cursus felis id mi gravida vitae aliquet elit porta. Nullam id lectus sit amet turpis dictum blandit id et massa. Sed molestie, leo vitae semper pulvinar, erat massa faucibus leo, id vestibulum enim lorem vel felis. Curabitur congue viverra rutrum. Nam accumsan scelerisque cursus. Nulla pulvinar luctus condimentum. In tincidunt eros id eros cursus et sodales nulla consequat. Curabitur tristique sollicitudin nulla iaculis pellentesque. Maecenas a posuere lacus. Quisque nec purus urna, in tempus lectus. Phasellus rhoncus tempus turpis ac vehicula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec feugiat pharetra turpis.
</p>
<p>
Ut nec tempor odio. Nulla facilisi. In hac habitasse platea dictumst. Nulla facilisi. Cras sollicitudin posuere blandit. Maecenas molestie est ut risus vestibulum ac venenatis est dignissim. Suspendisse non ante elit, ut sollicitudin tortor. In pretium semper ipsum, at aliquet neque lobortis eget. Cras est tortor, dictum nec suscipit nec, iaculis a tortor. Vivamus porta ornare elit nec euismod. Aliquam sed turpis eget est facilisis iaculis. Donec vitae ipsum ac eros convallis dictum et a magna. Quisque condimentum viverra malesuada. Nunc a elit in lacus gravida consequat sit amet vitae nunc. Aliquam erat volutpat.
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla molestie, erat nec faucibus blandit, tortor est faucibus arcu, sit amet tincidunt dui tortor sed elit. Vivamus ac felis urna, eget egestas erat. Etiam ut dolor id odio dignissim interdum ultricies at orci. Etiam pretium, nisi sed convallis convallis, ipsum tortor facilisis dui, ac adipiscing libero lacus non sem. Integer nec arcu nec nisl vehicula bibendum et sit amet nulla. Mauris et nisi nulla, et auctor ante. Morbi dapibus justo non nisi sollicitudin a vulputate diam molestie. Morbi eu ornare nisi. Mauris quis dui et lectus porttitor mattis eu ut lorem. Vivamus eu arcu arcu. Proin mauris eros, blandit pellentesque consectetur et, luctus sit amet libero. Integer venenatis, risus pulvinar laoreet mollis, tortor sem egestas enim, eget ultrices leo tortor quis nisl. Cras vitae sapien eu enim viverra molestie.
</p>
<p>
Phasellus ultrices, elit quis ultrices pulvinar, elit ante sagittis sapien, vel ullamcorper neque ipsum dictum turpis. Proin et elit sollicitudin augue iaculis vehicula pulvinar vitae sapien. Aenean non convallis nisl. Duis ac lectus vitae elit ullamcorper sagittis. Nam mauris lacus, commodo quis pharetra et, imperdiet in dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi nisl felis, dignissim malesuada varius commodo, tempor sed orci. Quisque scelerisque, turpis vel tempor iaculis, ipsum odio tincidunt sapien, vitae adipiscing leo ante eu ligula. In bibendum sapien at nisi sagittis eget dignissim ante fermentum. Integer facilisis nisi eu augue laoreet lacinia. In tellus nisi, commodo in luctus ut, pellentesque id mauris. Quisque laoreet elit eget massa fringilla semper.
</p>
<p>
Nullam fringilla quam quis justo ultrices tempus. Integer accumsan libero sit amet risus bibendum sit amet blandit nulla vulputate. Nunc lacinia tempor orci, sit amet dictum ipsum consequat a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec metus urna, facilisis eget faucibus pulvinar, consectetur non ipsum. Nullam dapibus sem a neque consectetur congue. Mauris sit amet neque ligula, et molestie tortor. Nam consequat, lorem quis ornare ultricies, ipsum tortor molestie ligula, eget porttitor felis lectus non tellus. Ut at mauris felis. Pellentesque placerat blandit eros, at pulvinar augue euismod eu. Proin eget ligula diam. Proin nulla lorem, pulvinar ac imperdiet id, vulputate ut orci. Curabitur porttitor tempor justo et scelerisque. Mauris sit amet nibh nisi.
</p>
<p>
Maecenas aliquam tincidunt orci, ut tempus nunc lacinia quis. Aenean quam nisi, adipiscing vestibulum rhoncus sed, lacinia ac dui. Aenean quis diam vitae sem placerat placerat. Nam quis neque nibh, eget auctor orci. Curabitur nulla magna, laoreet eu ultrices et, varius condimentum ipsum. Nam ligula dolor, varius vitae sagittis ut, sodales a purus. Nullam et risus nec justo bibendum blandit. Maecenas felis leo, sagittis sit amet iaculis sed, pretium vel diam. Praesent congue ornare enim at tristique. Aliquam euismod tempor pharetra. Mauris at accumsan magna. Proin sed magna eu orci blandit volutpat sed ac enim. Quisque vitae sapien mi.
</p>
<p>
In quis turpis erat, non aliquam nisl. Vivamus eu purus mi, eu condimentum magna. Nullam magna elit, condimentum nec facilisis non, pulvinar quis dolor. Fusce luctus lobortis lacinia. Fusce eu massa erat, eget posuere nisl. Nunc volutpat, ligula et suscipit volutpat, lacus purus sodales nisi, ac faucibus purus dui eu lacus. Curabitur at neque nibh. Quisque sit amet vestibulum sapien. Suspendisse potenti. Proin pulvinar elit id ante dapibus pharetra. Morbi et sodales sapien. Curabitur consectetur neque sit amet sem accumsan pharetra. Nullam luctus, nunc vel pulvinar aliquet, turpis odio pulvinar diam, et luctus velit mi id diam. Quisque eu arcu enim. Mauris ut justo diam, a sollicitudin tortor.
</p>
<p>
In hac habitasse platea dictumst. Integer tempus lorem erat, at mollis lectus. Vestibulum eu mi sed metus imperdiet adipiscing. Integer tincidunt volutpat turpis, suscipit tristique ipsum ornare eget. Duis laoreet ullamcorper feugiat. Curabitur vitae velit gravida enim condimentum auctor. In non nisl nec risus semper mattis. Maecenas ac nisl eget nulla ultrices cursus. Nunc ac posuere urna. Pellentesque tellus mi, egestas eget ornare at, bibendum et est. In a venenatis neque. Maecenas viverra elit sed ipsum vehicula a pharetra neque malesuada. Proin at massa nulla, sed luctus lectus. Vivamus nec justo at ipsum pretium lacinia. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas hendrerit nisl vitae lorem posuere nec placerat nisl adipiscing. Sed felis odio, sodales consequat gravida sit amet, pretium eu mi. Ut vel neque nec massa ultricies auctor. Nullam felis mi, dapibus et euismod ac, consectetur et orci. Fusce magna urna, viverra sed luctus cursus, interdum eu eros.
</p>
<p>
Ut adipiscing justo eget lectus convallis ac ullamcorper odio porttitor. Aliquam ut urna ut elit malesuada euismod. Cras ac risus sed justo imperdiet faucibus. Fusce sollicitudin mauris sit amet quam vestibulum rhoncus. Mauris luctus tempus rutrum. Suspendisse vulputate nisi id orci malesuada dictum ut sed turpis. In hac habitasse platea dictumst. Mauris semper lectus ut diam pretium eget bibendum nisl tincidunt. Nulla cursus, neque sit amet iaculis luctus, arcu felis interdum neque, vitae varius massa tellus id massa. Vestibulum feugiat nisl sit amet nibh posuere commodo.
</p>
<p>
Proin facilisis tellus at augue adipiscing vehicula. Morbi eu urna ac neque tincidunt facilisis vitae ut quam. Aliquam interdum varius leo, vel pellentesque orci semper rhoncus. Pellentesque pretium, libero vitae commodo tincidunt, enim lorem malesuada erat, id luctus purus elit sed nibh. Mauris dignissim neque mauris. Etiam euismod mi sed mauris aliquet at fermentum orci dignissim. Integer erat purus, fringilla eget tempus convallis, sagittis ut sapien. Etiam id velit urna, et fringilla mi. Suspendisse potenti. Quisque placerat ipsum nec orci viverra vehicula rhoncus risus convallis. Morbi at mauris purus, at egestas ligula. Quisque ac libero sem. Sed ut sapien vel velit iaculis auctor at ac mi. Donec pharetra lobortis nisi, at laoreet arcu imperdiet eu. Quisque consectetur aliquam metus a molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris vitae quam in diam iaculis vulputate vel quis mi. Phasellus ut ipsum eget metus suscipit tristique vel sit amet neque. Suspendisse potenti. In a porta sem.
</p>
<p>
Aenean scelerisque tortor in lacus gravida id rutrum dolor adipiscing. Quisque augue risus, pellentesque ac ultrices eleifend, dignissim sagittis nibh. Cras a euismod eros. Sed dapibus, arcu nec iaculis semper, nibh dolor adipiscing nulla, at pellentesque mauris magna vitae est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec nisi sem, hendrerit vel faucibus eget, accumsan in dolor. Vestibulum eget elit quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean cursus dolor non libero ullamcorper tincidunt tempor lorem molestie. Ut imperdiet aliquet nulla vitae pretium. Vivamus non lacus dolor. Vivamus posuere egestas metus. Aliquam sit amet risus ac mi viverra sagittis. Suspendisse commodo commodo arcu ac euismod. Morbi nisl eros, ultrices sed lobortis sed, commodo et felis. Sed ultrices metus sit amet erat suscipit vel vestibulum ante lobortis. Aenean vestibulum aliquam nunc, a laoreet nisi porta quis. Aliquam erat volutpat.
</p>
<p>
Pellentesque elementum volutpat velit, in rhoncus ipsum gravida nec. Phasellus nec erat diam. Vivamus nisl turpis, aliquet ut ullamcorper semper, hendrerit laoreet urna. Nam facilisis dignissim sapien, vel pharetra sem aliquet id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla laoreet vulputate nulla, vel mollis metus eleifend ut. In quis nisl nec odio porttitor interdum. Vivamus consequat blandit ultrices. Praesent elit quam, posuere quis pulvinar quis, sagittis in lectus. Ut gravida nisi in arcu tempus elementum. Aenean venenatis, nibh in malesuada vestibulum, urna risus facilisis augue, a sagittis sapien diam eget nibh. Fusce orci justo, pellentesque a consequat eget, scelerisque semper elit. Curabitur bibendum tortor eu massa convallis commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed condimentum dui sit amet sapien egestas luctus at ac leo. Integer et ante in augue egestas placerat. Nulla id tristique dolor.
</p>
<p>
Donec a fringilla neque. Aliquam id hendrerit nunc. Integer dui leo, pellentesque vel fringilla sed, ullamcorper sed ipsum. Ut eu arcu nec tellus ultrices dignissim. Mauris sagittis mauris nec leo lobortis ullamcorper. Mauris ac nunc id turpis commodo blandit. Pellentesque velit nibh, euismod ac volutpat quis, aliquet non tellus. Cras quis turpis nisl. Nullam nunc felis, dictum sed adipiscing at, suscipit semper sem. Suspendisse eget lectus justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum tristique, risus quis ultricies tincidunt, est massa aliquam mi, in lobortis neque nunc sed est. Donec aliquam, nisl in congue euismod, augue arcu consectetur sapien, dapibus mattis massa mauris pretium lacus. Nullam in ipsum sit amet lacus gravida suscipit. Pellentesque euismod diam sit amet neque tristique non accumsan enim rhoncus. Sed vitae felis sit amet nisi facilisis porttitor. Duis tincidunt, lacus a facilisis varius, massa magna luctus velit, eu ullamcorper sem quam quis dui. Mauris rutrum sodales elit.
</p>
<p>
Sed bibendum, massa non pulvinar pharetra, nibh velit pretium dui, nec viverra orci leo id mauris. Ut placerat purus sit amet est vestibulum interdum. Duis scelerisque tellus a lectus gravida cursus. Nulla id ligula ipsum, et consectetur nisl. Morbi mollis lacinia tellus, vel iaculis massa placerat quis. Quisque a sagittis dui. Duis placerat purus ipsum. Nunc facilisis suscipit diam, et pharetra dui euismod sed. Sed non nisl eget est euismod congue. Donec gravida tincidunt mi, ut pharetra dolor commodo nec. Proin et arcu eu odio placerat lobortis quis id enim. Vivamus sodales lacinia justo, vitae hendrerit mauris pellentesque eu. Nullam faucibus scelerisque ultrices. Pellentesque in lorem quis orci malesuada tincidunt. Curabitur et mauris sem, eget pellentesque elit. Quisque et arcu leo. Morbi tempus facilisis scelerisque.
</p>
<p>
Mauris facilisis adipiscing sapien, eu feugiat elit consequat a. Sed sagittis ipsum vitae lacus posuere sollicitudin tempor ligula accumsan. Fusce lacinia felis nec tellus aliquet quis porttitor turpis interdum. Aliquam vel magna dui. Nulla quis ornare nisi. Donec semper interdum augue, consectetur varius diam tempus eu. Maecenas viverra pretium leo vitae ornare. In bibendum quam quis enim dapibus sed euismod ligula tincidunt. Donec eget hendrerit leo. Vestibulum venenatis odio in nisl egestas viverra. In feugiat condimentum est ut bibendum. Aenean tempor erat nec est eleifend sed tempor turpis blandit. Donec et ligula non eros dapibus imperdiet eu ultrices purus. Cras neque elit, fringilla quis fermentum at, consectetur eget est. Sed at vehicula purus. Suspendisse dictum venenatis mauris et blandit.
</p>
<p>
In vel augue non metus semper bibendum. In quis lectus tortor. Maecenas in quam mauris, at porttitor velit. Sed eu ipsum nulla. Vestibulum ultrices, urna a consectetur eleifend, mi justo tempus enim, eget tincidunt enim arcu aliquet eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus lorem nulla, iaculis at volutpat sed, fringilla et ante. Vivamus dictum ligula nec dolor posuere vitae interdum felis imperdiet. Mauris gravida accumsan convallis. Aliquam odio elit, condimentum sit amet luctus vitae, lobortis eu neque. Aenean gravida, enim vel eleifend faucibus, arcu lectus condimentum justo, ut consequat mi eros in ante.
</p>
<p>
Curabitur eget justo diam. Vivamus elementum tellus ac erat tristique pharetra. Curabitur a elit sed urna bibendum pretium. Nullam sit amet magna sapien, id volutpat nulla. Nam ornare elementum turpis id lacinia. Phasellus mattis nisi quis libero volutpat non ullamcorper risus congue. Donec id nunc mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin tempor turpis in dolor pellentesque quis ultricies tellus consectetur. Sed sed velit at neque luctus fermentum. Donec eu enim sem, at malesuada quam. In erat justo, placerat ut sollicitudin sed, dictum vel justo.
</p>
<p class="last">
Nam lacinia, risus ac hendrerit tincidunt, orci felis congue turpis, eu gravida eros nulla sed dui. Duis ante risus, semper sed malesuada sit amet, dignissim id libero. Nunc volutpat, lorem sit amet tempor ornare, nunc tellus faucibus eros, sed consequat ipsum felis vitae lacus. Aenean mattis, elit consequat ultricies rutrum, libero purus accumsan ipsum, at rhoncus mauris magna condimentum dolor. Fusce fringilla, magna vel venenatis ullamcorper, ante lacus malesuada augue, id sollicitudin arcu nisl id justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam luctus nisl non tortor vehicula sit amet suscipit nibh egestas. Aliquam aliquam aliquam venenatis. Aenean eget consequat metus. Cras vel velit quam. Nullam sit amet augue dolor. Etiam in turpis at leo ultrices auctor id ut lectus. Donec consectetur ante a lacus lobortis eu sodales est ultrices. Pellentesque quis elit velit.
</p>
<a href="#" class="first">Scroll normally to first paragraph</a>
</body>
</html>