-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
37 lines (37 loc) · 5.3 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ScrollToAnchor.js | Paul Browne</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body{
font:caption;
max-width: 960px;
margin: 0 auto;
}
nav {
position:fixed;
background:white;
left: 5px;
}
</style>
</head>
<body>
<nav>
<a id="sect-1" href="#sect1">section 1</a>
<a id="sect-2" href="#sect2">section 2</a>
<a id="sect-3" href="#sect3">section 3</a>
<a id="sect-4" href="#sect4">section 4</a>
</nav>
<h1 id="sect1"><b><ins><mark>Section 1</mark></ins></b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent accumsan volutpat turpis, eget pretium neque tristique eget. Quisque neque mauris, sollicitudin et varius et, sollicitudin quis tortor. Nullam tempus et libero ut ultrices. Etiam bibendum leo eu magna porta tempor. In eget dui molestie, sodales leo at, rhoncus nisi. Proin id interdum nisi, cursus lobortis velit. Cras interdum hendrerit magna, et ultricies dolor tristique luctus. Fusce posuere ultrices tellus vulputate tristique. Ut laoreet ante ut odio congue finibus. Pellentesque sem nunc, malesuada sit amet dolor vitae, pellentesque finibus erat. Vestibulum eget consectetur nibh. Proin consectetur convallis odio a faucibus. Nunc egestas arcu at consectetur pellentesque. Phasellus vulputate eu dui eget pulvinar. Phasellus porttitor turpis eu ipsum elementum, vel condimentum turpis rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean vel tortor aliquet, pellentesque leo commodo, mattis nisi. Donec ac justo venenatis, lobortis magna ut, sodales diam. Vivamus vel tempus libero. Etiam feugiat nisl eu hendrerit maximus.</h1>
<hr>
<h1 id="sect2"><b><ins><mark>Section 2</mark></ins></b> Curabitur tincidunt arcu sapien, in iaculis lorem tincidunt non. Ut at ex urna. Integer diam velit, auctor ut urna at, fermentum maximus metus. Nam ullamcorper risus a justo tincidunt, finibus vestibulum sem finibus. Aliquam erat volutpat. In eleifend aliquam orci. Morbi in odio nisl. Morbi varius in justo tincidunt auctor. Sed feugiat ipsum dolor, nec mollis augue lacinia non. Praesent placerat sapien non erat feugiat mattis. Quisque molestie, mauris eget aliquam gravida, sapien mauris condimentum massa, eu maximus sapien nulla sed augue. Nam volutpat quam id ullamcorper ullamcorper. Donec maximus volutpat aliquam. Phasellus sit amet justo scelerisque, interdum ligula a, sodales leo.</h1>
<hr>
<h1 id="sect3"><b><ins><mark>Section 3</mark></ins></b> Quisque vehicula porttitor felis sodales pretium. Etiam eleifend nisl congue urna eleifend facilisis. Nunc interdum turpis cursus, euismod dolor at, commodo tellus. Sed convallis faucibus purus sit amet vulputate. Pellentesque tempor, enim nec luctus scelerisque, augue sapien pellentesque urna, id porta arcu libero sit amet lacus. Phasellus arcu mauris, faucibus non urna ut, sodales consectetur est. Praesent dapibus condimentum magna, ut maximus urna molestie non. Sed vel fringilla velit, non laoreet tortor. Aenean et vulputate diam, at porta orci. Etiam eu ipsum magna. Vestibulum vel massa augue. Quisque viverra ex ut diam rutrum rhoncus. Ut ornare ex lectus, vel imperdiet dui maximus eget. Duis ut pellentesque sem, quis congue justo. Ut dignissim imperdiet tortor, vitae congue tellus accumsan eget. Etiam lacus purus, tincidunt convallis elit convallis, viverra ultrices sapien. Proin eu leo sit amet turpis consequat euismod. Aliquam erat volutpat. Donec bibendum vehicula lorem, nec volutpat odio malesuada ut. Nullam ultricies nunc vel nisi iaculis blandit. Nunc porta ut arcu nec imperdiet.</h1>
<hr>
<h1 id="sect4"><b><ins><mark>Section 4</mark></ins></b> Ut laoreet ante ut odio congue finibus. Pellentesque sem nunc, malesuada sit amet dolor vitae, pellentesque finibus erat. Vestibulum eget consectetur nibh. Proin consectetur convallis odio a faucibus. Nunc egestas arcu at consectetur pellentesque. Phasellus vulputate eu dui eget pulvinar. Phasellus porttitor turpis eu ipsum elementum, vel condimentum turpis rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean vel tortor aliquet, pellentesque leo commodo, mattis nisi. Donec ac justo venenatis, lobortis magna ut, sodales diam. Vivamus vel tempus libero. Etiam feugiat nisl eu hendrerit maximus. Curabitur tincidunt arcu sapien, in iaculis lorem tincidunt non. Ut at ex urna. Integer diam velit, auctor ut urna at, fermentum maximus metus. Nam ullamcorper risus a justo tincidunt, finibus vestibulum sem finibus. Aliquam erat volutpat. In eleifend aliquam orci. Morbi in odio nisl. Morbi varius in justo tincidunt auctor. Sed feugiat ipsum dolor, nec mollis augue lacinia non. Praesent placerat sapien non erat feugiat mattis. Quisque molestie, mauris eget aliquam gravida, sapien mauris condimentum massa, eu maximus sapien nulla sed augue. Nam volutpat quam id ullamcorper ullamcorper. Donec maximus volutpat aliquam. Phasellus sit amet justo scelerisque, interdum ligula a, sodales leo.</h1>
<script src="scrollToAnchor.min.js"></script>
</body>
</html>