{"id":1377,"date":"2022-09-08T03:17:29","date_gmt":"2022-09-08T03:17:29","guid":{"rendered":"https:\/\/frowningbear.com\/codebase\/?p=1377"},"modified":"2022-09-08T03:27:03","modified_gmt":"2022-09-08T03:27:03","slug":"animated-header","status":"publish","type":"post","link":"https:\/\/frowningbear.com\/codebase\/2022\/09\/08\/animated-header\/","title":{"rendered":"Animated header"},"content":{"rendered":"\n<!--more-->\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code lang=\"javascript\" class=\"language-javascript line-numbers\">\/**\n * cbpAnimatedHeader.js v1.0.0\n\n * Copyright 2013, Codrops\n * http:\/\/www.codrops.com\n \n * This is a Greyhound edit, which doesn't use the classie.js lib\n*\/\nvar cbpAnimatedHeader = (function() {\n\n  var header = document.querySelector('.cbp-af-header'),\n    didScroll = false,\n    changeHeaderOn = 300;\n\n  function init() {\n    window.addEventListener('scroll', function(event) {\n      if (!didScroll) { \/\/ if didScroll is not equal to true, in other words didScroll is equal to false\n        didScroll = true;\n        setTimeout(scrollPage, 250);\n      }\n    }, false);\n  }\n\n  function scrollPage() {\n    var sy = scrollY();\n    if (sy &gt;= changeHeaderOn) {\n      \/\/classie.add( header, 'cbp-af-header-shrink' );\n      header.classList.add(\"cbp-af-header-shrink\");\n    } else {\n      \/\/classie.remove( header, 'cbp-af-header-shrink' );\n      header.classList.remove(\"cbp-af-header-shrink\");\n    }\n    didScroll = false;\n  }\n\n  function scrollY() {\n    return window.pageYOffset || document.documentElement.scrollTop;\n  }\n\n  init();\n\n})();<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1377","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/posts\/1377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/comments?post=1377"}],"version-history":[{"count":2,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/posts\/1377\/revisions"}],"predecessor-version":[{"id":1384,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/posts\/1377\/revisions\/1384"}],"wp:attachment":[{"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/media?parent=1377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/categories?post=1377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/tags?post=1377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}