{"version":"1.0","provider_name":"Support | Kriesi.at - Premium WordPress Themes","provider_url":"https:\/\/kriesi.at\/support","author_name":"ccyran","author_url":"https:\/\/kriesi.at\/support\/author\/ccyran\/","title":"Parallax effect on homepage after chevron arrow - Support | Kriesi.at - Premium WordPress Themes","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"LHggfVHY6m\"><a href=\"https:\/\/kriesi.at\/support\/topic\/parallax-effect-on-homepage-after-chevron-arrow\/\">Parallax effect on homepage after chevron arrow<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/kriesi.at\/support\/topic\/parallax-effect-on-homepage-after-chevron-arrow\/embed\/#?secret=LHggfVHY6m\" width=\"600\" height=\"338\" title=\"&#8220;Parallax effect on homepage after chevron arrow&#8221; &#8212; Support | Kriesi.at - Premium WordPress Themes\" data-secret=\"LHggfVHY6m\" 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\/* ]]> *\/\n<\/script>\n","description":"Hey guys, Is there a simple CSS function to create a parallax scrolling effect on the homepage of my site? after the chevron arrow. So when you scroll down, the text and chevron remains in the same spot, but the masonry grid portfolio comes up. website: ccyran.com PW: (In private content) Thank you, Chris"}