ScrollTo/scrollTo.html at master · EdwardBurns/ScrollTo · GitHub

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 lang="en">
<head>
    <meta charset="UTF-8">
    <title>ScrollTo</title>
    <link rel="stylesheet" href="css/scrollTo.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/scrollTo.js"></script>
</head>
<body>

<!-- Sections -->
<div id="section1" class="spacer"></div>
<div id="section2" class="spacer"></div>
<div id="section3" class="spacer"></div>
<div id="section4" class="spacer"></div>
<div id="section5" class="spacer"></div>
<div id="section6" class="spacer"></div>
<div id="section7" class="spacer"></div>


<!-- ScrollTo Controls -->
<div id="scrollTo-controls">
    <div class="scrollTo-control" data-scrollTo-id="section1"><div class="control-title">Section 1</div></div>
    <div class="scrollTo-control" data-scrollTo-id="section2"><div class="control-title">Section 2</div></div>
    <div class="scrollTo-control" data-scrollTo-id="section3"><div class="control-title">Section 3</div></div>
    <div class="scrollTo-control" data-scrollTo-id="section4"><div class="control-title">Section 4</div></div>
    <div class="scrollTo-control" data-scrollTo-id="section5"><div class="control-title">Section 5</div></div>
    <div class="scrollTo-control" data-scrollTo-id="section6"><div class="control-title">Section 6</div></div>
    <div class="scrollTo-control" data-scrollTo-id="section7"><div class="control-title">Section 7</div></div>
</div>
<div class="center-control">
    <div id="control-next"></div>
</div>

</body>
</html>