{"version":"1.0","provider_name":"Academy","provider_url":"https:\/\/elementor.com\/academy","author_name":"Hodaya","author_url":"https:\/\/elementor.com\/academy\/author\/hodaya\/","title":"How to Add Scrolling Effects to Your Website - Academy","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"f9aIg5QS0r\"><a href=\"https:\/\/elementor.com\/academy\/how-to-add-scrolling-effects-to-your-website\/\">How to Add Scrolling Effects to Your Website<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/elementor.com\/academy\/how-to-add-scrolling-effects-to-your-website\/embed\/#?secret=f9aIg5QS0r\" width=\"600\" height=\"338\" title=\"&#8220;How to Add Scrolling Effects to Your Website&#8221; &#8212; Academy\" data-secret=\"f9aIg5QS0r\" 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:\/\/elementor.com\/academy\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Scrolling-Effects-1.jpg","thumbnail_width":1923,"thumbnail_height":1081,"description":"Overview Transcript Overview In this tutorial, we\u2019ll go over how to add scrolling effects and animations to your website. You\u2019ll learn: \u2714\ufe0e How to create scrolling effects \u2714\ufe0e Add horizontal scroll animations \u2714\ufe0e Use an element anchor point, and much more! Transcript hi Elle Cassie from Elementor here today we\u2019ll learn how to add cool [&hellip;]"}