{"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":"Scroll Indicator (JavaScript) - YELLOWWEB.ID","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"wcALmk2sCl\"><a href=\"https:\/\/www.yellowweb.id\/blog\/scroll-indicator-javascript\/\">Scroll Indicator (JavaScript)<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.yellowweb.id\/blog\/scroll-indicator-javascript\/embed\/#?secret=wcALmk2sCl\" width=\"600\" height=\"338\" title=\"&#8220;Scroll Indicator (JavaScript)&#8221; &#8212; YELLOWWEB.ID\" data-secret=\"wcALmk2sCl\" 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\/12\/scroll-in.jpg?fit=1200%2C628&ssl=1","thumbnail_width":1200,"thumbnail_height":628,"description":"Untuk artikel kali ini kita akan coba membuat efek loading konten dengan menggunakan JavaScript, jadi seperti ini cara kerjanya disaat kita melakukan scroll sebuah halaman web, kita memberikan indikator tambahan, untuk mengetahui sudah sejauh mana, posisi kita berada saat melakukan scroll halaman."}