{"id":68988,"date":"2022-05-31T09:04:10","date_gmt":"2022-05-31T09:04:10","guid":{"rendered":"https:\/\/themefic.com\/plugins\/?page_id=57193"},"modified":"2024-10-21T14:06:09","modified_gmt":"2024-10-21T18:06:09","slug":"on-scroll-slider","status":"publish","type":"page","link":"https:\/\/themefic.com\/plugins\/beaf\/pro\/on-scroll-slider\/","title":{"rendered":"On Scroll Slider"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"68988\" class=\"elementor elementor-68988\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97852b8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97852b8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-37baa4bf\" data-id=\"37baa4bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-155f6567 elementor-widget elementor-widget-heading\" data-id=\"155f6567\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Preview Style <span class=\"themefic-color\">(On Scroll Mode)<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55add54b elementor-widget elementor-widget-text-editor\" data-id=\"55add54b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAll the above Preview Styles can be set as &#8220;On Scroll Mode&#8221;. That means the handle will scroll based on visitor&#8217;s scrolling.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18e444e elementor-widget elementor-widget-text-editor\" data-id=\"18e444e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>These are dummy data added to showcase the On Scroll Slider in a better way.<\/strong><\/p><p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<\/p><p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.<br \/>Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.<\/p><p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-43419065 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"43419065\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1fa4f298\" data-id=\"1fa4f298\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c8babbb uael-mobile-heading-align-center elementor-widget elementor-widget-uael-advanced-heading\" data-id=\"5c8babbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-advanced-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"uael-module-content uael-heading-wrapper\">\n\t\t\t\t\t\t\n\t\t\t<h4 class=\"uael-heading\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"uael-heading-text elementor-inline-editing uael-size--default\" data-elementor-setting-key=\"heading_title\" data-elementor-inline-editing-toolbar=\"basic\">Made Fresh<\/span>\n\t\t\t\t\t\t\t<\/h4>\n\n\t\t\t\t\t\t\t<div class=\"uael-sub-heading elementor-inline-editing\" data-elementor-setting-key=\"sub_heading\" data-elementor-inline-editing-toolbar=\"advanced\" >This is a dummy description for BEAF Preview.<\/div>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ca8947f uael-mobile-heading-align-center elementor-widget elementor-widget-uael-advanced-heading\" data-id=\"2ca8947f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-advanced-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"uael-module-content uael-heading-wrapper\">\n\t\t\t\t\t\t\n\t\t\t<h4 class=\"uael-heading\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"uael-heading-text elementor-inline-editing uael-size--default\" data-elementor-setting-key=\"heading_title\" data-elementor-inline-editing-toolbar=\"basic\">Vet Developed<\/span>\n\t\t\t\t\t\t\t<\/h4>\n\n\t\t\t\t\t\t\t<div class=\"uael-sub-heading elementor-inline-editing\" data-elementor-setting-key=\"sub_heading\" data-elementor-inline-editing-toolbar=\"advanced\" >This is a dummy description for BEAF Preview.<\/div>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-571de0de\" data-id=\"571de0de\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c8fddb9 elementor-widget elementor-widget-shortcode\" data-id=\"5c8fddb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t\n\t\t\t\n\t<style type=\"text\/css\">\n\t\t.slider-info-56722.bafg-slider-info .bafg-slider-title {\n\t\t\t\t\t\t\tfont-size:\n\t\t\t\t\t22px\t\t\t\t;\n\t\t\t\n\t\t\t\n\t\t\t\t\t}\n\n\t\t.slider-info-56722.bafg-slider-info .bafg-slider-description {\n\t\t\t\n\t\t\t\n\t\t\t\t\t}\n\t\t\n\t\t\n\t\t.slider-info-56722.bafg-slider-info .bafg_slider_readmore_button {\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\ttext-align: center;\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t}\n\n\t\t.slider-info-56722.bafg-slider-info .bafg_slider_readmore_button:hover {\n\n\t\t\t\n\t\t\t\n\t\t\t\t\t}\n\t<\/style>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div style=\"\t\t\t\t\t\t \t\t\t\t\t\t \t\t\t\t\t\t  \t\t\t\t\t\t\"\n\t\t\t\t\t\t\tclass=\"bafg-twentytwenty-container  bafg-on-scroll-slide slider-56722 design-8  \"\n\t\t\t\t\t\t\tdata-label_outside=\"\"\n\t\t\t\t\t\t\tbafg-orientation=\"horizontal\" bafg-default-offset=\"0.5\"\n\t\t\t\t\t\t\tbafg-before-label=\"Empty Plate\"\n\t\t\t\t\t\t\tbafg-after-label=\"Full Plate\"\n\t\t\t\t\t\t\tbafg-overlay=\"\"\n\t\t\t\t\t\t\tbafg-move-slider-on-hover=\"\"\n\t\t\t\t\t\t\tbafg-click-to-move=\"\"\n\t\t\t\t\t\t\tbafg-autoslide=\"\" bafg-handle=\"\"\n\t\t\t\t\t\t\tbafg-enable-img-link=\"\"\n\t\t\t\t\t\t\tbafg-open-link=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\" bafg-before-image  \" src=\"https:\/\/themefic.com\/plugins\/wp-content\/uploads\/2024\/10\/Full-Plate.jpg\" alt=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"  bafg-after-image \" src=\"https:\/\/themefic.com\/plugins\/wp-content\/uploads\/2024\/10\/Empty-Plate.jpg\" alt=\"\">\n\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bafg-slider-info-wraper\">\n\t\t<div style=\"   \" class=\"slider-info-56722 bafg-slider-info\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<style>\n\t\t\t\t\t\t\t\t\t\t\t\t\t.slider-56722 .twentytwenty-before-label::before,\n\t\t\t\t\t.bafg-outside-label-wrapper.twentytwenty-vertical>.twentytwenty-before-label:before {\n\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t;\n\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t#ffffff\t\t\t\t\t\t;\n\t\t\t\t\t}\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t.slider-56722 .twentytwenty-after-label::before,\n\t\t\t\t\t.bafg-outside-label-wrapper.twentytwenty-vertical .twentytwenty-after-label:before {\n\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t;\n\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t#ffffff\t\t\t\t\t\t;\n\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.slider-56722 .twentytwenty-overlay:hover {\n\t\t\t\t\t\tbackground-color:\n\t\t\t\t\t\t\trgba(0, 0, 0, 0.5)\t\t\t\t\t\t;\n\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t<\/style>\n\t\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7796aa8e\" data-id=\"7796aa8e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c7a5a55 uael-mobile-heading-align-center elementor-widget elementor-widget-uael-advanced-heading\" data-id=\"1c7a5a55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-advanced-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"uael-module-content uael-heading-wrapper\">\n\t\t\t\t\t\t\n\t\t\t<h4 class=\"uael-heading\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"uael-heading-text elementor-inline-editing uael-size--default\" data-elementor-setting-key=\"heading_title\" data-elementor-inline-editing-toolbar=\"basic\">Real Food<\/span>\n\t\t\t\t\t\t\t<\/h4>\n\n\t\t\t\t\t\t\t<div class=\"uael-sub-heading elementor-inline-editing\" data-elementor-setting-key=\"sub_heading\" data-elementor-inline-editing-toolbar=\"advanced\" >This is a dummy description for BEAF Preview.<\/div>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-343bb581 uael-mobile-heading-align-center elementor-widget elementor-widget-uael-advanced-heading\" data-id=\"343bb581\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-advanced-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"uael-module-content uael-heading-wrapper\">\n\t\t\t\t\t\t\n\t\t\t<h4 class=\"uael-heading\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"uael-heading-text elementor-inline-editing uael-size--default\" data-elementor-setting-key=\"heading_title\" data-elementor-inline-editing-toolbar=\"basic\">USDA Kitchens<\/span>\n\t\t\t\t\t\t\t<\/h4>\n\n\t\t\t\t\t\t\t<div class=\"uael-sub-heading elementor-inline-editing\" data-elementor-setting-key=\"sub_heading\" data-elementor-inline-editing-toolbar=\"advanced\" >This is a dummy description for BEAF Preview.<\/div>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fadf19 elementor-widget elementor-widget-text-editor\" data-id=\"3fadf19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>These are dummy data added to showcase the On Scroll Slider in a better way.<\/strong><\/p><p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<\/p><p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.<br \/>Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.<\/p><p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43e5c65 elementor-widget elementor-widget-text-editor\" data-id=\"43e5c65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<\/p><p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.<br \/>Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.<\/p><p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Preview Style (On Scroll Mode) All the above Preview Styles can be set as &#8220;On Scroll Mode&#8221;. That means the handle will scroll based on visitor&#8217;s scrolling. These are dummy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":57935,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"iawp_total_views":85,"footnotes":""},"class_list":["post-68988","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themefic.com\/plugins\/wp-json\/wp\/v2\/pages\/68988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themefic.com\/plugins\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themefic.com\/plugins\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themefic.com\/plugins\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themefic.com\/plugins\/wp-json\/wp\/v2\/comments?post=68988"}],"version-history":[{"count":4,"href":"https:\/\/themefic.com\/plugins\/wp-json\/wp\/v2\/pages\/68988\/revisions"}],"predecessor-version":[{"id":69347,"href":"https:\/\/themefic.com\/plugins\/wp-json\/wp\/v2\/pages\/68988\/revisions\/69347"}],"up":[{"embeddable":true,"href":"https:\/\/themefic.com\/plugins\/wp-json\/wp\/v2\/pages\/57935"}],"wp:attachment":[{"href":"https:\/\/themefic.com\/plugins\/wp-json\/wp\/v2\/media?parent=68988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}