wowchemy-headroom.js 743 B

12345678910111213141516171819202122
  1. /*************************************************
  2. * Wowchemy
  3. * https://github.com/wowchemy/wowchemy-hugo-themes
  4. *
  5. * Wowchemy Headroom
  6. **************************************************/
  7. import Headroom from './_vendor/headroom.min.js';
  8. let pageData = JSON.parse(document.getElementById('page-data').textContent);
  9. console.debug(`Use headroom on this page? ${pageData['use_headroom']}`);
  10. if (pageData['use_headroom'] === true) {
  11. document.addEventListener('DOMContentLoaded', function () {
  12. // Grab header element
  13. let myElement = document.querySelector('header');
  14. // Construct an instance of Headroom, passing the header
  15. let headroom = new Headroom(myElement);
  16. // Initialise Headroom
  17. headroom.init();
  18. });
  19. }