-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
77 lines (56 loc) · 2.97 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
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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Smoothscrolljs by CodingNinjasCodes</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
<section class="page-header">
<h1 class="project-name">Smoothscrolljs</h1>
<h2 class="project-tagline">Smooth Scroll for all internal links. </h2>
<a href="https://github.com/CodingNinjasCodes/SmoothScrollJs" class="btn">View on GitHub</a>
<a href="https://github.com/CodingNinjasCodes/SmoothScrollJs/zipball/master" class="btn">Download .zip</a>
<a href="https://github.com/CodingNinjasCodes/SmoothScrollJs/tarball/master" class="btn">Download .tar.gz</a>
</section>
<section class="main-content">
<p>All internal links would scroll Smoothly.</p>
<p>Usage : </p>
<p>Include the js file</p>
<pre><code><script type="text/javascript" src="smoothScroll.js"></script>
</code></pre>
<p>Add this script after the body load. Ideally one may add this just before the closing of body tag.</p>
<pre><code><script type="text/javascript">
smooth_scroll.init();
</script>
</code></pre>
<p>If there is a fixed header, pass the id of fixed header as config.</p>
<pre><code><script type="text/javascript">
smooth_scroll.init({
header_id : "page-header"
});
</script>
</code></pre>
<p>If there are links that should be ignored. Pass an array to ignore those links. Example</p>
<pre><code><script type="text/javascript">
smooth_scroll.init({
header_id : "page-header",
ignore_links: ["page-header"]
});
</script>
</code></pre>
<p>Without Smooth Scroll
<img src="https://raw.githubusercontent.com/CodingNinjasCodes/SmoothScrollJs/master/without_smooth_scroll.gif" alt="alt text" title="Without Smooth Scroll"></p>
<p>With Smooth Scroll
<img src="https://raw.githubusercontent.com/CodingNinjasCodes/SmoothScrollJs/master/with_smooth_scroll.gif" alt="alt text" title="With Smooth Scroll"></p>
<footer class="site-footer">
<span class="site-footer-owner"><a href="https://github.com/CodingNinjasCodes/SmoothScrollJs">Smoothscrolljs</a> is maintained by <a href="https://github.com/CodingNinjasCodes">CodingNinjasCodes</a>.</span>
<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
</footer>
</section>
</body>
</html>