-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsmooth_scroll.html
63 lines (63 loc) · 5.34 KB
/
smooth_scroll.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Smooth Scrool</title>
<link rel="stylesheet" type="text/css" href="css/smooth_scroll.css">
</head>
<body>
<div id="container">
<nav id="navLinks">
<a href="#s1">1</a>
<a href="#s2">2</a>
<a href="#s3">3</a>
</nav>
<main>
<section>
<h1>Introduction</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</section>
<section id="s1">
<h1>Chapter 1</h1><a href="#navLinks">go back to Intro ⤴</a>
<p>informative Alea megascope ganglioform operating afunction powwower youse unaffected rite archorrhea tensibleness Tesserants conduplicated dislike apocryphate cuticular from Desmarestia precocity homoeotypic utfangenethef Scolopendrellidae Serapis</p>
<p>isogenotype waxily dolman antidoron septane bottlebird porcelainization leapable breviradiate reregister Haematotherma hyperpnoea cytotrophy teak unquested Vishnuvite cueman elt Hausa mismenstruation vargueno Czechoslovakian gatewright Montana</p>
<p>chasmy unadvisability circuitman macrosporophyl realienate bepale bromothymol untrekked Ocyroidae roral ergatogyne unobjectional bixin Alix primogenitive perdicine unforgivableness dermostosis corrige unreasonableness panarthritis redipper predatory Rameses</p>
<p>iodination waddywood Lyrurus beavered scrutineer oversize wickerworker etypic Ipomoea morpholine fastidiousness apothegmatist film soapstone girba perichylous boozy hobble indite prewillingness belomancy Sulaib ophiology tusky</p>
<p>serpiginous semisocial dispreader malodor bonze scrivello homotropous monobromination hyperdemocracy luller phthalid Scleropages antluetic imperish greenfinch hypophosphorous pocilliform ringwall shippage goldwater Minervic hogrophyte quadratrix incorporatedness</p>
</section>
<section id="s2">
<h1>Chapter 2</h1><a href="#navLinks">go back to Intro ⤴</a>
<p>bayok triamine hydropultic telomitic vindictivolence junto unspeculatively unordinary unlobed anthropopsychism counterwarmth evalue dupedom dyspeptic cliency one cabinet hellier legionry viticetum persis trigynous sericicultural indigena</p>
<p>Leonid pennywinkle additional tuque astylar tripunctal rewardingly cheap treasurership Calchaquian growsome godpapa verrucous homeopathy vagulous quencher flatteringness palaeozoologist glucinum flandan stealthwise hinau unoiled uninfluential</p>
<p>chasmy unadvisability circuitman macrosporophyl realienate bepale bromothymol untrekked Ocyroidae roral ergatogyne unobjectional bixin Alix primogenitive perdicine unforgivableness dermostosis corrige unreasonableness panarthritis redipper predatory Rameses</p>
<p>iodination waddywood Lyrurus beavered scrutineer oversize wickerworker etypic Ipomoea morpholine fastidiousness apothegmatist film soapstone girba perichylous boozy hobble indite prewillingness belomancy Sulaib ophiology tusky</p>
<p>serpiginous semisocial dispreader malodor bonze scrivello homotropous monobromination hyperdemocracy luller phthalid Scleropages antluetic imperish greenfinch hypophosphorous pocilliform ringwall shippage goldwater Minervic hogrophyte quadratrix incorporatedness</p>
</section>
<section id="s3">
<h1>Chapter 3</h1><a href="#navLinks">go back to Intro ⤴</a>
<p>ferrate subdistinction liberationism palindromically enneaspermous Eulamellibranchia floodmark stator unubiquitous determine Shiitic stenochromy crocodilian cumulite hapteron unenervated lyretail successionless consecute Luffa unsuperfluous tormented stunning Latakia</p>
<p>undrape pseudopodiospore alnuin arquifoux foeless antitrades Pristis beeherd nefariousness healthily Alsinaceae embarkation undiminished undescript Bob hypomeron sparkishly axwise Polymnia piperonyl huskily Latinize repliant salfern</p>
<p>chasmy unadvisability circuitman macrosporophyl realienate bepale bromothymol untrekked Ocyroidae roral ergatogyne unobjectional bixin Alix primogenitive perdicine unforgivableness dermostosis corrige unreasonableness panarthritis redipper predatory Rameses</p>
<p>iodination waddywood Lyrurus beavered scrutineer oversize wickerworker etypic Ipomoea morpholine fastidiousness apothegmatist film soapstone girba perichylous boozy hobble indite prewillingness belomancy Sulaib ophiology tusky</p>
<p>serpiginous semisocial dispreader malodor bonze scrivello homotropous monobromination hyperdemocracy luller phthalid Scleropages antluetic imperish greenfinch hypophosphorous pocilliform ringwall shippage goldwater Minervic hogrophyte quadratrix incorporatedness</p>
</section>
</main>
</div>
<script>
let anchorLink = document.querySelector("#navLinks");
if (window.scrollTo) {
anchorLink.addEventListener('click', (e) => {
e.preventDefault();
let dest = document.querySelector('#' + e.target.href.split('#')[1]);
window.scrollTo({'top': dest.offsetTop, 'left': 0, 'behavior': 'smooth'});
});
}
</script>
</body>
</html>