{"version":"1.0","provider_name":"YELLOWWEB.ID","provider_url":"https:\/\/www.yellowweb.id\/blog","author_name":"yellowweb","author_url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/","title":"Changing Header Background Colour on Scroll (jQuery) - YELLOWWEB.ID","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"F8vjh0r9rk\"><a href=\"https:\/\/www.yellowweb.id\/blog\/changing-header-background-colour-on-scroll-jquery\/\">Changing Header Background Colour on Scroll (jQuery)<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.yellowweb.id\/blog\/changing-header-background-colour-on-scroll-jquery\/embed\/#?secret=F8vjh0r9rk\" width=\"600\" height=\"338\" title=\"&#8220;Changing Header Background Colour on Scroll (jQuery)&#8221; &#8212; YELLOWWEB.ID\" data-secret=\"F8vjh0r9rk\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.yellowweb.id\/blog\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/06\/navbar-01.jpg?fit=2500%2C1208&ssl=1","thumbnail_width":2500,"thumbnail_height":1208,"description":"Mungkin teman-teman pernah menjumpai sebuah web, ketika halaman web tersebut kita gulir (scroll) ke bawah, background pada bagian header atau navigasi akan berubah warnanya. Kita dapat mencoba membuat efek seperti itu dengan menggunakan jQuery, agar web yang kita buat lebih menarik tentunya :)."}