{"id":97347,"date":"2022-01-29T09:47:28","date_gmt":"2022-01-29T03:47:28","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=97347"},"modified":"2026-03-10T11:30:20","modified_gmt":"2026-03-10T05:30:20","slug":"horizontal-scroller","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/horizontal-scroller\/","title":{"rendered":"Horizontal Scroller"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"97347\" class=\"elementor elementor-97347\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c52271 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"1c52271\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1a29d33 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"1a29d33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b4cd7c elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"0b4cd7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"0b4cd7c\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><div class=\"bdt-ep-advanced-heading-sub-title\"><div class=\"bdt-ep-advanced-heading-sub-title-content\">Horizontal Scroller<\/div><\/div><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Click the button below to see the demo example<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65912e3 elementor-widget elementor-widget-text-editor\" data-id=\"65912e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The Horizontal Scroller widget lets you create a full-page slider interface that changes as you scroll up or down.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8de2805 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"8de2805\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8e3ff0 elementor-mobile-align-center elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-bdt-advanced-button\" data-id=\"e8e3ff0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-button-wrapper\">\n\t\t\t<a href=\"https:\/\/www.elementpack.pro\/demo\/element\/horizontal-scroller\/example-1\/\" target=\"_blank\" class=\"bdt-ep-button bdt-ep-button-effect-c bdt-ep-button-size-md\">\n\t\t\t\t\t\t<div class=\"bdt-ep-button-content-wrapper bdt-flex bdt-flex-middle bdt-flex-center\" data-text=\"Example-01\">\n\t\t\t\n\t\t\t<div class=\"bdt-ep-button-text\">\n\n\t\t\t\t<span class=\"avdbtn-text\">\n\t\t\t\t\tExample-01\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0495f8b elementor-align-center elementor-tablet-align-center elementor-mobile-align-center elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-bdt-advanced-button\" data-id=\"0495f8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-button-wrapper\">\n\t\t\t<a href=\"https:\/\/www.elementpack.pro\/demo\/element\/horizontal-scroller\/example-2\/\" target=\"_blank\" class=\"bdt-ep-button bdt-ep-button-effect-d bdt-ep-button-size-md\">\n\t\t\t\t\t\t<div class=\"bdt-ep-button-content-wrapper bdt-flex bdt-flex-middle bdt-flex-center\" data-text=\"Example-02\">\n\t\t\t\n\t\t\t<div class=\"bdt-ep-button-text\">\n\n\t\t\t\t<span class=\"avdbtn-text\">\n\t\t\t\t\tExample-02\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79ca061 elementor-align-right elementor-tablet-align-right elementor-mobile-align-center elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-bdt-advanced-button\" data-id=\"79ca061\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-button-wrapper\">\n\t\t\t<a href=\"https:\/\/www.elementpack.pro\/demo\/element\/horizontal-scroller\/example-3\/\" target=\"_blank\" class=\"bdt-ep-button bdt-ep-button-effect-c bdt-ep-button-size-md\">\n\t\t\t\t\t\t<div class=\"bdt-ep-button-content-wrapper bdt-flex bdt-flex-middle bdt-flex-center\" data-text=\"Example-03\">\n\t\t\t\n\t\t\t<div class=\"bdt-ep-button-text\">\n\n\t\t\t\t<span class=\"avdbtn-text\">\n\t\t\t\t\tExample-03\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Horizontal Scroller Click the button below to see the demo example The Horizontal Scroller widget lets you create a full-page slider interface that changes as you scroll up or down.\u00a0 Example-01 Example-02 Example-03<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-97347","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/97347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/6974"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=97347"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/97347\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/32"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=97347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}