| <script> |
| (function() { |
| 'use strict'; |
| document.addEventListener('DOMContentLoaded', function() { |
| var title = document.querySelector('#header-title'); |
| if(title) { |
| title.innerHTML = 'Sticky Header'; |
| } |
| }); |
| |
| var btn = document.querySelector('#a-button'); |
| btn.addEventListener('click', function() { |
| |
| var content = document.querySelector('.mdl-layout__content'); |
| content.insertAdjacentHTML('beforeend', |
| '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor lorem eu faucibus aliquet. ' + |
| 'In vehicula risus turpis, ut dictum ante tristique et. Aenean ultricies sed urna ac condimentum. ' + |
| 'Vivamus nisl tortor, ultricies at aliquam nec, semper at purus. Duis purus tortor, laoreet eget ante a, ' + |
| 'rhoncus vulputate lorem. Pellentesque id enim ut massa posuere vestibulum sit amet eget elit. Nulla quis ' + |
| 'euismod massa, id varius dui. Ut congue urna non ipsum placerat rhoncus. Curabitur a sollicitudin diam. ' + |
| 'Donec id lectus eleifend, blandit magna a, mattis turpis. Fusce non tellus pulvinar, finibus dui ac, ' + |
| 'porttitor ante. Vestibulum et commodo purus, et tincidunt nulla. Suspendisse blandit sodales est, nec ' + |
| 'luctus sem sollicitudin in. Etiam libero tellus, porttitor sit amet velit a, commodo sodales neque.</p>' + |
| '<p>Maecenas id sodales lacus, eu ullamcorper nibh. Sed posuere consectetur nunc nec dapibus. Nam tristique ' + |
| 'ex vel urna dapibus luctus. Phasellus eget mi ac tortor aliquet auctor non vitae risus. Cum sociis natoque ' + |
| 'penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec et egestas elit. Sed id lorem enim.' + |
| 'Aliquam maximus enim sed tincidunt pretium.</p>' + |
| '<p>Phasellus dictum, leo vel bibendum efficitur, mauris metus volutpat magna, at pharetra libero dolor id ' + |
| 'tellus. Mauris convallis tempus libero, sit amet suscipit massa maximus a. Duis ut dignissim nulla, nec ' + |
| 'gravida purus. Proin eget erat justo. Phasellus congue sapien eleifend sapien mollis, nec molestie eros ' + |
| 'efficitur. Pellentesque et diam at risus ultrices pharetra nec in augue. Phasellus vestibulum, lacus a ' + |
| 'dictum vulputate, mauris nisi dictum massa, in venenatis felis sapien a nunc. Integer mi tellus, imperdiet ' + |
| 'vel dignissim sed, fringilla ut urna.</p>' + |
| '<p>Suspendisse potenti. Pellentesque eget suscipit orci, at tempor est. Cras sed sollicitudin nunc. Donec ' + |
| 'convallis, arcu a euismod cursus, arcu odio pharetra lectus, vitae feugiat diam massa vestibulum metus. In ' + |
| 'odio tellus, consectetur eget est et, vehicula hendrerit dolor. Ut ultrices nulla tellus, sit amet ' + |
| 'consectetur dolor aliquet quis. Etiam non fermentum dolor.</p>' + |
| '<p>Donec accumsan risus in lectus sollicitudin ' + |
| 'vulputate. Praesent condimentum a leo at interdum. Donec ' + |
| 'pharetra congue erat a accumsan. Aliquam gravida ' + |
| 'lobortis mi, id elementum sapien ultrices vel. ' + |
| 'Pellentesque habitant morbi tristique senectus et ' + |
| 'netus et malesuada fames ac turpis egestas. Proin ' + |
| 'consequat enim orci, nec blandit lorem luctus ut. ' + |
| 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ' + |
| 'Etiam pretium nunc non metus gravida, nec tincidunt ' + |
| 'tortor volutpat. Aliquam erat volutpat. Curabitur ' + |
| 'varius purus ac auctor pharetra.</p>'); |
| }); |
| |
| }()); |
| </script> |