|
|
Line 26: |
Line 26: |
| </head> | | </head> |
| | | |
− | <script>
| |
− | (function () {
| |
− | document.querySelector('.no-js').classList.add('js')
| |
− | document.querySelector('.no-js').classList.remove('no-js')
| |
− | }())
| |
− |
| |
− | window.addEventListener("scroll", function () {
| |
− | const elements = document.querySelectorAll('.is-revealing');
| |
− |
| |
− | [].forEach.call(elements, function(el) {
| |
− | if (isElementVisible(el)) {
| |
− | el.classList.add('is-revealing-visible')
| |
− | }
| |
− | });
| |
− | });
| |
− |
| |
− | function isElementVisible(el) {
| |
− | var top = el.offsetTop;
| |
− | var height = el.offsetHeight;
| |
− |
| |
− | while(el.offsetParent) {
| |
− | el = el.offsetParent;
| |
− | top += el.offsetTop;
| |
− | }
| |
− |
| |
− | return (
| |
− | (top + height) <= (window.pageYOffset + window.innerHeight) + 100
| |
− | );
| |
− | }
| |
− | </script>
| |
| | | |
| <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |