{"id":121386,"date":"2023-07-05T11:00:17","date_gmt":"2023-07-05T05:30:17","guid":{"rendered":"https:\/\/theplusaddons.com\/docs\/multi-scroll-js-elementor-video-tutorial\/"},"modified":"2026-04-11T06:30:15","modified_gmt":"2026-04-11T01:00:15","slug":"multi-scroll-js-elementor-video-tutorial","status":"publish","type":"documents","link":"https:\/\/theplusaddons.com\/docs\/multi-scroll-js-elementor-video-tutorial\/","title":{"rendered":"Multi Scroll js for Full height One Page Scrolling in Elementor [Video Tutorial]"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Multi Scroll js for Full height One Page Scrolling in Elementor\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/lO0cRdvijOM?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>\n<\/div><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Video Duration: 10 : 15<\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\n\n\n\n<p>This widget is the combination of Full Page JS, Multi Scroll JS, and Page Piling JS. Which are most popular in unique one page websites.<\/p>\n\n\n\n<p>3 Popular Scrolling Styles<br>Special Prev\/Next and Paginate Options<br>10+ Navigation Dots Styles<br>Responsive and Cross Browser Support<\/p>\n\n\n\n<p>3 Page Scrolling Variations<br>It\u2019s collection of Full page JS, Page Piling JS and Multi Scroll Js. It have lots of customisation and responsive options available.<\/p>\n\n\n\n<p>4+ Prev next Styles<br>Special Previous Next Icons styles and typography based styles to give more details to your one page websites.<\/p>\n\n\n\n<p>10+ Navigation Dots Styles<br>You can connect Page Scroll widget\u2019s all styles with \u201cScroll navigation Widget\u201d and use all styles of that widget on your website.<\/p>\n\n\n\n<p>Unique Paginate Options<br>It shows active slide\u2019s number and Total slides on that page, and It increment or decrement on each scroll for better UX.<\/p>\n\n\n\n<p>Continuous Looping Options<br>You can enable or disable looping option of all slides, It also have options to enable\/disable top looping or bottom looping.<\/p>\n\n\n\n<p>Responsive Options<br>Disable Scrolling option in tablet or mobile devices and make it work like a normal section in responsive way.<\/p>\n\n\n\n<p>Elementor Templates based<br>You can use any of our widgets in elementor template and use those templates as a section in this widget to scroll.<\/p>\n\n\n\n<p>Animations Compatible<br>All the plus on scroll animations and Elementor\u2019s Scroll animations are tested and working fine on each scroll of section.<\/p>\n\n\n\n<p>This feature is part of The Plus Addons for Elementor plugin. It&#8217;s awarded as a best elementor third party addons. It&#8217;s used by lots of designers and developers to super charge their Elementor website.<\/p>\n\n\n\n<p>Above Feature\/Widget URL : <a href=\"https:\/\/theplusaddons.com\/elementor-widget\/full-page-scroll\/\">https:\/\/theplusaddons.com\/elementor-widget\/full-page-scroll\/<\/a><br>Official Plugin Website : <a href=\"https:\/\/theplusaddons.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/theplusaddons.com\/<\/a><br>Purchase Link : <a href=\"https:\/\/theplusaddons.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/theplusaddons.com\/pricing\/<\/a><\/p>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/theplusaddons.com\/pricing\/\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/theplusaddons.com\/elementor-widgets\/\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\n","protected":false},"author":2115,"featured_media":121387,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[575,630],"class_list":["post-121386","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-plus-widgets-videos"],"acf":[],"_links":{"self":[{"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/documents\/121386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/users\/2115"}],"replies":[{"embeddable":true,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/comments?post=121386"}],"version-history":[{"count":0,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/documents\/121386\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/media\/121387"}],"wp:attachment":[{"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/media?parent=121386"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/docs?post=121386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}