{"id":89487,"date":"2022-07-26T12:49:56","date_gmt":"2022-07-26T10:49:56","guid":{"rendered":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/"},"modified":"2020-09-20T02:20:35","modified_gmt":"2020-09-20T05:20:35","slug":"que-es-viewport-control","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/elementor\/que-es-viewport-control\/","title":{"rendered":"What is Viewport Control?"},"content":{"rendered":"<div class=\"contentWrapper withRelated\">\n<article id=\"fullArticle\">\n<p>  the <strong>Viewport control<\/strong> is a double slider that allows you to define the start and end points of the viewport for scrolling effects.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to Use Motion Effects Viewport Settings in Elementor\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/0pjPb8orwXM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>  The viewport is the user visible area of a web page. This visible area varies in size depending on the device.<\/p>\n<p>  By scrolling down, each item enters the graphics window at the bottom of the screen. When an item first appears from the bottom of the viewport, that represents 0 percent from the bottom. As you scroll further into the view, the percentage of your place in the viewport changes. When the vertical center of the element is in the center of the viewport, it is at the 50%.<\/p>\n<p>  If he <em>Viewport<\/em> The control is set to 0 Bottom and 100 Top, then the movement will start when the item first enters the user window at the bottom of the screen, and will stop when the item leaves the window.<\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD\" style=\"border: none; transform: rotate(0.00rad); -webkit-transform: rotate(0.00rad);\" width=\"312\" height=\"114\"><\/p>\n<p>  If set to 30 Lower and 65 Upper, the movement will start when the element has entered and reached the 30% of the viewport, and will end when it has reached the 65% of the viewport.<\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Efc3NW63i4XKiakkMLZl2iVX78pwj1RxTW5pqH2asisJ8M7XVwG3D1ljq82QkFZvbZcqPxccB_OUYCEBTxzOlORIaRS-hH2N5azR1xJlRpV2SEa1hfdeNAoJeWHBl9lOE_5LDb-I\" style=\"border: none; transform: rotate(0.00rad); -webkit-transform: rotate(0.00rad);\" width=\"297\" height=\"112\"><\/p>\n<p>  If you use a motion effect like <em>Transparency<\/em> > <em>Cast in<\/em>, the effect would be completely visible at 0%, it would start to fade when the element reaches 30% of the viewport, it would be completely invisible when it reaches 65% and then it would start to disappear at 65% of the viewport, until it reaches full visibility in the moment you exit the viewport.<\/p>\n<p> <em>Fade In Out<\/em> it would be the opposite. When the element first enters the viewport at 0%, it will be hidden. When the item reaches 30% in the viewport, it will begin to fade, becoming increasingly visible until it reaches maximum visibility at 65%. At the 65%, it will begin to fade until it is completely hidden again when you exit the viewport.<\/p>\n<\/article><\/div>","protected":false},"excerpt":{"rendered":"<p>The Viewport Control is a dual slider that allows you to define the start and end points of the viewport for scrolling effects. The\u2026<\/p>","protected":false},"author":1,"featured_media":89489,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1352],"tags":[],"class_list":["post-89487","post","type-post","status-publish","format-standard","has-post-thumbnail","category-elementor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u00bfQu\u00e9 es Viewport Control? - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"los Control de ventana gr\u00e1fica es un control deslizante doble que le permite definir los puntos de inicio y final de la ventana gr\u00e1fica para los efectos\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/que-es-viewport-control\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 es Viewport Control?\" \/>\n<meta property=\"og:description\" content=\"los Control de ventana gr\u00e1fica es un control deslizante doble que le permite definir los puntos de inicio y final de la ventana gr\u00e1fica para los efectos\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/elementor\/que-es-viewport-control\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-26T10:49:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"312\" \/>\n\t<meta property=\"og:image:height\" content=\"114\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"\u00bfQu\u00e9 es Viewport Control?\",\"datePublished\":\"2022-07-26T10:49:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/\"},\"wordCount\":366,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg\",\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/\",\"name\":\"\u00bfQu\u00e9 es Viewport Control? - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg\",\"datePublished\":\"2022-07-26T10:49:56+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"los Control de ventana gr\u00e1fica es un control deslizante doble que le permite definir los puntos de inicio y final de la ventana gr\u00e1fica para los efectos\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/que-es-viewport-control\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg\",\"width\":312,\"height\":114,\"caption\":\"uzrlo6fqrrgid6_7u_bmftfsx_r7-q8k8spcfma3cizajjme3g4fywfjbgzcmy0bmtgk3zzprv_d3sdxg0s8_a1ney57kkjdptsx-lxmht4zqq72lpbz2-w_pld8a7tyv3whtzgd-4575486-2004820-jpeg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is Viewport Control? -R Digital Marketing","description":"The Viewport Control is a double slider that allows you to define the start and end points of the viewport for effects","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/en\/elementor\/que-es-viewport-control\/","og_locale":"en_US","og_type":"article","og_title":"\u00bfQu\u00e9 es Viewport Control?","og_description":"los Control de ventana gr\u00e1fica es un control deslizante doble que le permite definir los puntos de inicio y final de la ventana gr\u00e1fica para los efectos","og_url":"https:\/\/rmarketingdigital.com\/en\/elementor\/que-es-viewport-control\/","og_site_name":"R Marketing Digital","article_published_time":"2022-07-26T10:49:56+00:00","og_image":[{"width":312,"height":114,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"\u00bfQu\u00e9 es Viewport Control?","datePublished":"2022-07-26T10:49:56+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/"},"wordCount":366,"image":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg","articleSection":["Elementor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/","url":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/","name":"What is Viewport Control? -R Digital Marketing","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg","datePublished":"2022-07-26T10:49:56+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"The Viewport Control is a double slider that allows you to define the start and end points of the viewport for effects","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/elementor\/que-es-viewport-control\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/uzrlo6fQrRgID6_7U_BMftFsX_r7-Q8k8SPcfMA3cIzajJMe3G4FYwfJbgzCMy0bmTgk3zZprV_d3SdxG0s8_a1nEy57kKJdptsX-lxmHt4zQQ72LpBz2-w_pld8A7Tyv3whTzgD-4575486..jpeg","width":312,"height":114,"caption":"uzrlo6fqrrgid6_7u_bmftfsx_r7-q8k8spcfma3cizajjme3g4fywfjbgzcmy0bmtgk3zzprv_d3sdxg0s8_a1ney57kkjdptsx-lxmht4zqq72lpbz2-w_pld8a7tyv3whtzgd-4575486-2004820-jpeg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/89487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=89487"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/89487\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/89489"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=89487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=89487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=89487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}