|
1 | | -[](https://github.com/scriptex/IntroScroll/releases/latest) |
2 | | -[](https://github.com/scriptex/IntroScroll/issues) |
3 | | -[](https://github.com/scriptex/IntroScroll/commits/master) |
4 | | -[](https://github.com/scriptex/IntroScroll) |
5 | | -[](https://travis-ci.com/scriptex/IntroScroll) |
6 | | -[](https://www.npmjs.com/package/introscroll) |
7 | | -[](https://www.npmjs.com/package/introscroll) |
8 | | -[](https://github.com/scriptex/IntroScroll/) |
| 1 | +[](https://travis-ci.com/scriptex/IntroScroll) |
| 2 | +[](https://github.com/scriptex/IntroScroll/actions?query=workflow%3ABuild) |
| 3 | +[](https://www.codacy.com/gh/scriptex/IntroScroll/dashboard?utm_source=github.com&utm_medium=referral&utm_content=scriptex/IntroScroll&utm_campaign=Badge_Grade) |
| 4 | +[](https://codebeat.co/projects/github-com-scriptex-IntroScroll-master) |
| 5 | +[](https://www.codefactor.io/repository/github/scriptex/IntroScroll) |
| 6 | +[](https://deepscan.io/dashboard#view=project&tid=3574&pid=5257&bid=40799) |
| 7 | +[](https://github.com/scriptex/IntroScroll/) |
9 | 8 |
|
10 | 9 | # IntroScroll |
11 | 10 |
|
12 | | -Create a fullscreen intro section and dismiss it in a single gesture. |
| 11 | +> Create a fullscreen intro section and dismiss it in a single gesture. |
| 12 | +
|
| 13 | +See the demo [here](https://intro-scroll.atanas.info/) |
| 14 | + |
| 15 | +## Visitor stats |
| 16 | + |
| 17 | + |
| 18 | + |
| 19 | + |
| 20 | + |
| 21 | + |
| 22 | +## Code stats |
| 23 | + |
| 24 | + |
| 25 | + |
| 26 | + |
| 27 | + |
| 28 | + |
13 | 29 |
|
14 | 30 | ## Description |
15 | 31 |
|
@@ -55,26 +71,114 @@ or add your own settings |
55 | 71 |
|
56 | 72 | ```javascript |
57 | 73 | const intro = new IntroScroll({ |
58 | | - element: '#your-fullscreen-section', |
59 | | - wrapper: '#your-fullscreen-sections-wrapper', |
60 | | - container: '#your-fullscreen-sections-container', |
61 | | - trigger: '#your-fullscreen-sections-link', |
62 | | - scrollClass: 'intro--scrolled', |
63 | | - duration: 1000, |
64 | | - afterScroll(instance) { |
65 | | - console.log(instance.element); |
66 | | - } |
| 74 | + element: '#your-fullscreen-section', |
| 75 | + wrapper: '#your-fullscreen-sections-wrapper', |
| 76 | + container: '#your-fullscreen-sections-container', |
| 77 | + trigger: '#your-fullscreen-sections-link', |
| 78 | + scrollClass: 'intro--scrolled', |
| 79 | + duration: 1000, |
| 80 | + afterScroll(instance) { |
| 81 | + console.log(instance.element); |
| 82 | + } |
67 | 83 | }); |
68 | 84 | ``` |
69 | 85 |
|
70 | 86 | For more details please see the [demo](https://github.com/scriptex/IntroScroll/blob/master/demo/index.html). |
71 | 87 |
|
72 | | -## Support this project |
73 | | - |
74 | | -[](https://twitter.com/intent/tweet?text=Checkout%20this%20awesome%20software%20project%3A&url=https%3A%2F%2Fgithub.com%2Fscriptex%2FIntroScroll&via=scriptexbg&hashtags=software%2Cgithub%2Ccode%2Cawesome) |
75 | | -[](https://www.paypal.me/scriptex) |
76 | | -[](https://www.patreon.com/atanas) |
77 | | - |
78 | 88 | ## LICENSE |
79 | 89 |
|
80 | 90 | MIT |
| 91 | + |
| 92 | +--- |
| 93 | + |
| 94 | +<div align="center"> |
| 95 | + Connect with me: |
| 96 | +</div> |
| 97 | + |
| 98 | +<br /> |
| 99 | + |
| 100 | +<div align="center"> |
| 101 | + <a href="https://atanas.info"> |
| 102 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/logo.svg" height="20" alt=""> |
| 103 | + </a> |
| 104 | + |
| 105 | + <a href="mailto:[email protected]"> |
| 106 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/email.svg" height="20" alt=""> |
| 107 | + </a> |
| 108 | + |
| 109 | + <a href="https://www.linkedin.com/in/scriptex/"> |
| 110 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/linkedin.svg" height="20" alt=""> |
| 111 | + </a> |
| 112 | + |
| 113 | + <a href="https://github.com/scriptex"> |
| 114 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/github.svg" height="20" alt=""> |
| 115 | + </a> |
| 116 | + |
| 117 | + <a href="https://gitlab.com/scriptex"> |
| 118 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/gitlab.svg" height="20" alt=""> |
| 119 | + </a> |
| 120 | + |
| 121 | + <a href="https://twitter.com/scriptexbg"> |
| 122 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/twitter.svg" height="20" alt=""> |
| 123 | + </a> |
| 124 | + |
| 125 | + <a href="https://www.npmjs.com/~scriptex"> |
| 126 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/npm.svg" height="20" alt=""> |
| 127 | + </a> |
| 128 | + |
| 129 | + <a href="https://www.youtube.com/user/scriptex"> |
| 130 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/youtube.svg" height="20" alt=""> |
| 131 | + </a> |
| 132 | + |
| 133 | + <a href="https://stackoverflow.com/users/4140082/atanas-atanasov"> |
| 134 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/stackoverflow.svg" height="20" alt=""> |
| 135 | + </a> |
| 136 | + |
| 137 | + <a href="https://codepen.io/scriptex/"> |
| 138 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/codepen.svg" width="20" alt=""> |
| 139 | + </a> |
| 140 | + |
| 141 | + <a href="https://profile.codersrank.io/user/scriptex"> |
| 142 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/codersrank.svg" height="20" alt=""> |
| 143 | + </a> |
| 144 | + |
| 145 | + <a href="https://linktr.ee/scriptex"> |
| 146 | + <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/linktree.svg" height="20" alt=""> |
| 147 | + </a> |
| 148 | +</div> |
| 149 | + |
| 150 | +--- |
| 151 | + |
| 152 | +<div align="center"> |
| 153 | +Support and sponsor my work: |
| 154 | +<br /> |
| 155 | +<br /> |
| 156 | +<a href="https://twitter.com/intent/tweet?text=Checkout%20this%20awesome%20developer%20profile%3A&url=https%3A%2F%2Fgithub.com%2Fscriptex&via=scriptexbg&hashtags=software%2Cgithub%2Ccode%2Cawesome" title="Tweet"> |
| 157 | + <img src="https://img.shields.io/badge/Tweet-Share_my_profile-blue.svg?logo=twitter&color=38A1F3" /> |
| 158 | +</a> |
| 159 | +<a href="https://paypal.me/scriptex" title="Donate on Paypal"> |
| 160 | + <img src="https://img.shields.io/badge/Donate-Support_me_on_PayPal-blue.svg?logo=paypal&color=222d65" /> |
| 161 | +</a> |
| 162 | +<a href="https://revolut.me/scriptex" title="Donate on Revolut"> |
| 163 | + <img src="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/revolut.json" /> |
| 164 | +</a> |
| 165 | +<a href="https://patreon.com/atanas" title="Become a Patron"> |
| 166 | + <img src="https://img.shields.io/badge/Become_Patron-Support_me_on_Patreon-blue.svg?logo=patreon&color=e64413" /> |
| 167 | +</a> |
| 168 | +<a href="https://ko-fi.com/scriptex" title="Buy Me A Coffee"> |
| 169 | + <img src="https://img.shields.io/badge/Donate-Buy%20me%20a%20coffee-yellow.svg?logo=ko-fi" /> |
| 170 | +</a> |
| 171 | +<a href="https://liberapay.com/scriptex/donate" title="Donate on Liberapay"> |
| 172 | + <img src="https://img.shields.io/liberapay/receives/scriptex?label=Donate%20on%20Liberapay&logo=liberapay" /> |
| 173 | +</a> |
| 174 | + |
| 175 | +<a href="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/bitcoin.json" title="Donate Bitcoin"> |
| 176 | + <img src="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/bitcoin.json" /> |
| 177 | +</a> |
| 178 | +<a href="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/etherium.json" title="Donate Etherium"> |
| 179 | + <img src="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/etherium.json" /> |
| 180 | +</a> |
| 181 | +<a href="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/shiba-inu.json" title="Donate Shiba Inu"> |
| 182 | + <img src="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/shiba-inu.json" /> |
| 183 | +</a> |
| 184 | +</div> |
0 commit comments