Michael

Adds a scrolled class to the body and header element when you scroll your page.

Header scroll event for Elementor

Adds a scrolled class to the body and header element when you scroll your page.

certaindev

An <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a> addon plugin that comes with creative widgets that will boost your Elementor page builder experience. Booster Elementor Addons comes with more than 60 unique & stylish elements that allow you to create modern web pages with ease. Booster also offers you some advanced & unique features that gives you more control over your website such as, a Widgets Manager, an Icons Manager, Custom code & more…
<a href="https://booster-addons.com/" rel="nofollow ugc">Check our Demos to know more</a>
THIS PLUGIN IS NOT A STANDALONE. <a href="https://wordpress.org/plugins/elementor/" rel="ugc">ELEMENTOR</a> IS REQUIRED IN ORDER FOR THIS PLUGIN TO WORK.
Free Widgets 
1. <a href="https://booster-addons.com/widgets/advanced-heading" rel="nofollow ugc">Advanced Heading</a> : Advanced heading with a title , an optional link and unlimited styling. 
2. <a href="https://booster-addons.com/widgets/icon-box" rel="nofollow ugc">Icon Box Info</a> : List your different products or services features and descriptions. 
3. <a href="https://booster-addons.com/widgets/card-flip" rel="nofollow ugc">Card Flip</a> : A great tool to display information with its double sides feature. 
4. <a href="https://booster-addons.com/widgets/advanced-button" rel="nofollow ugc">Advanced Button</a> : Style your buttons with endless possibilities & creative hover effects. 
5. <a href="https://booster-addons.com/widgets/image-banner" rel="nofollow ugc">Image Banner</a> : Make a custom space in your page around a background image. 
6. <a href="https://booster-addons.com/widgets/pricing-plan" rel="nofollow ugc">Pricing Plan</a> : Showcase your products and service plans with custom & unique styles. 
7. <a href="https://booster-addons.com/widgets/testimonial" rel="nofollow ugc">Testimonial</a> : A great way to display testimonials of your clients. 
8. <a href="https://booster-addons.com/widgets/single-icon" rel="nofollow ugc">Single Icon</a> : A set of customizable icons with multiple hover effects and styling. 
9. <a href="https://booster-addons.com/widgets/interactive-iconbox" rel="nofollow ugc">Interactive Iconbox</a> : A modern element with an icon and title that displays a text on hover. 
10. <a href="https://booster-addons.com/widgets/iconbox-action" rel="nofollow ugc">Iconbox Action</a> : Display information with multiple styles using icons and text. 
11. <a href="https://booster-addons.com/widgets/list-infobox" rel="nofollow ugc">List Infobox</a> : Make a list with a combination of icons, titles, and text with modern layouts & hover effects. 
12. <a href="https://booster-addons.com/widgets/counter" rel="nofollow ugc">Counter</a> : Create visual statistics about anything. 
13. <a href="https://booster-addons.com/widgets/modal-window" rel="nofollow ugc">Modal Window</a> : Display extra information as a pop-up. 
14. <a href="https://booster-addons.com/widgets/social-find-us" rel="nofollow ugc">Social Find Us</a> : Display information about you such as social media or portfolio links. 
15. <a href="https://booster-addons.com/widgets/social-share" rel="nofollow ugc">Social Share</a> : Add social share buttons to share the current page. 
16. <a href="https://booster-addons.com/widgets/drop-caps" rel="nofollow ugc">Drop Caps</a> : Style your paragraphs using the first letter. 
17. <a href="https://booster-addons.com/widgets/image-swap" rel="nofollow ugc">Image Swap</a> : Switch between two images using multiple hover effects & styles. 
18. <a href="https://booster-addons.com/widgets/animated-heading" rel="nofollow ugc">Animated Heading</a> : Create fancy headings using different styles and animations 
19. <a href="https://booster-addons.com/widgets/alert-box" rel="nofollow ugc">Alert Box</a> : A great way to display messages or a notice to your visitors. 
20. <a href="https://booster-addons.com/widgets/threecard-flip" rel="nofollow ugc">3D Card Flip</a> : Element with front and back sides that flips on hover with 3D effects. 
21. <a href="https://booster-addons.com/widgets/vertical-skillbar" rel="nofollow ugc">Vertical Skillbar</a> : Display your data as a percentage using a vertical bar/indicator. 
22. <a href="https://booster-addons.com/widgets/countdown" rel="nofollow ugc">Countdown</a> : Represent the remaining time before the start of an event. 
23. <a href="https://booster-addons.com/widgets/modern-image" rel="nofollow ugc">Modern Image</a> : Show content on your images with unique hover effects. 
24. <a href="https://booster-addons.com/widgets/modern-video" rel="nofollow ugc">Modern Video</a> : Display videos on your website with a modern layout. 
25. <a href="https://booster-addons.com/widgets/modal-anything" rel="nofollow ugc">Modal Anything</a> : Display your data with a pop-up and anything can be used. 
26. <a href="https://booster-addons.com/widgets/price-listing" rel="nofollow ugc">Price Listing</a> : Showcase your products in a list with a modern and simple way. 
27. <a href="https://booster-addons.com/widgets/side-navigation" rel="nofollow ugc">Side Navigation</a> : Add side one single page navigation your pages. 
28. <a href="https://wptypes.booster-addons.com/widgets/woolistproduct" rel="nofollow ugc">WooCommerce List Products</a> : WooCommerce products list with custom columns & lightbox. 
29. <a href="https://wptypes.booster-addons.com/widgets/woomodernproduct" rel="nofollow ugc">WooCommerce Modern Products</a> : WooCommerce modern products widget with multiple hover effects. 
30. <a href="https://wptypes.booster-addons.com/widgets/woocategories" rel="nofollow ugc">WooCommerce Categories</a> : WooCommerce products categories. 
31. <a href="https://booster-addons.com/widgets/fullscreen-content-slider" rel="nofollow ugc">Fullscreen Content Slider</a> : Full Screen content slider with custom effects & amazing transitions.
Premium Widgets 
1. <a href="https://booster-addons.com/widgets/price-box" rel="nofollow ugc">Price Box</a> : Put your prices on your plans using multiple style effects and combinations. 
2. <a href="https://booster-addons.com/widgets/business-hours" rel="nofollow ugc">Business Hours</a> : Display your working hours with different styles. 
3. <a href="https://booster-addons.com/widgets/skill-bar" rel="nofollow ugc">Skill Bar</a> : Display your data as a percentage using a vertical bar/indicator. 
4. <a href="https://booster-addons.com/widgets/image-comparison" rel="nofollow ugc">Image Comparison</a> : Show a transformation using a hover effect and two images. 
5. <a href="https://booster-addons.com/widgets/dual-heading" rel="nofollow ugc">Dual Heading</a> : Advanced dual heading with custom colors & styles. 
6. <a href="https://booster-addons.com/widgets/modern-flipbox" rel="nofollow ugc">Modern Flip Box</a> : Element with a front and back sides that flips on hover. 
7. <a href="https://booster-addons.com/widgets/layered-images" rel="nofollow ugc">Layered Images</a> : Showcase your images in a unique and stylish manner 
8. <a href="https://booster-addons.com/widgets/radial-progress" rel="nofollow ugc">Radial Progress</a> : Draw a circular progress indicator with percentages text display. 
9. <a href="https://booster-addons.com/widgets/fancy-iconbox" rel="nofollow ugc">Fancy Icon Box</a> : Display your data in a fancy way using multiple layouts. 
10. <a href="https://booster-addons.com/widgets/image-cardslider" rel="nofollow ugc">Image Card Slider</a> : Display multiple images in the same space with this slider. 
11. <a href="https://booster-addons.com/widgets/hover-infobox" rel="nofollow ugc">Hover Info Box</a> : Add style to you data with these cool hover effects. 
12. <a href="https://booster-addons.com/widgets/block-quotes" rel="nofollow ugc">Block Quotes</a> : Display reviews for your clients with unique design. 
13. <a href="https://booster-addons.com/widgets/interactive-carousel" rel="nofollow ugc">Interactive Carousel</a> : Slide your images with a modern and unique effect. 
14. <a href="https://booster-addons.com/widgets/hotspot-image" rel="nofollow ugc">Hotspot Image</a> : Display your data on an image using hotspot information. 
15. <a href="https://booster-addons.com/widgets/modal-video" rel="nofollow ugc">Modal Video</a> : display your videos as a pop-up using a button click. 
16. <a href="https://booster-addons.com/widgets/perspective-card" rel="nofollow ugc">Perspective Card</a> : Display your data in a very fancy way with the perspective card. 
17. <a href="https://booster-addons.com/widgets/team-member" rel="nofollow ugc">Team Member</a> : Display your team members using multiple fancy effects and layouts. 
18. <a href="https://booster-addons.com/widgets/scroll-image" rel="nofollow ugc">Scroll Image</a> : Offers multiple ways to showcase your images using a scrolling effect. 
19. <a href="https://booster-addons.com/widgets/fancy-text" rel="nofollow ugc">Fancy Text</a> : Add visual effects and animations to your page text & titles. 
20. <a href="https://booster-addons.com/widgets/toggle-content" rel="nofollow ugc">Toggle Content</a> : Toggle between two different data areas in the same space. 
21. <a href="https://booster-addons.com/widgets/filter-images" rel="nofollow ugc">Filter Images</a> : Display images using filters that you define. 
22. <a href="https://booster-addons.com/widgets/lightbox-gallery" rel="nofollow ugc">Light Box Gallery</a> : Display your gallery with filters and lightbox capabilities. 
23. <a href="https://booster-addons.com/widgets/testimonial-slider" rel="nofollow ugc">Testimonial Slider</a> : Showcase your clients testimonials using this slider. 
24. <a href="https://booster-addons.com/widgets/blockquotes-slider" rel="nofollow ugc">Block Quotes Slider</a> : Display reviews from your clients on your website. 
25. <a href="https://booster-addons.com/widgets/team-slider" rel="nofollow ugc">Team Slider</a> : Showcase your team members in the same space using this slider. 
26. <a href="https://booster-addons.com/widgets/showcase-image" rel="nofollow ugc">Showcase Image</a> : Showcase your image and display some text with fancy hover effects. 
27. <a href="https://booster-addons.com/widgets/filter-showcaseimages" rel="nofollow ugc">Filter Showcase Images</a> : Showcase your images using filters and display some text fancy effects 
28. <a href="https://booster-addons.com/widgets/filter-scrollimages" rel="nofollow ugc">Filter Scroll Images</a> : Display your images using a scrolling effect and filters. 
39. <a href="https://booster-addons.com/widgets/testimonial-group" rel="nofollow ugc">Testimonial Group</a> : Display clients testimonials in the same space using this container. 
30. <a href="https://booster-addons.com/widgets/simpleimages-slider" rel="nofollow ugc">Simple Images Slider</a> : Showcase images in an advanced and styling carousel slider. 
31. <a href="https://booster-addons.com/widgets/static-template" rel="nofollow ugc">Static Template</a> : Insert a static elementor template to your pages. 
32. <a href="https://booster-addons.com/widgets/static-templates-tabs" rel="nofollow ugc">Static Templates Tabs</a> : Create tabs for your Booster Addons static templates. 
33. <a href="https://wptypes.booster-addons.com/widgets/wooadvancedproducts" rel="nofollow ugc">WooCommerce Advanced Products</a> : Advanced WooCommerce products list. 
34. <a href="https://wptypes.booster-addons.com/widgets/wooproductslider" rel="nofollow ugc">WooCommerce Products Slider</a> : WooCommerce products slider with full screen information. 
34. <a href="https://booster-addons.com/widgets/creative-content-slider" rel="nofollow ugc">Creative Content Slider</a> : Creative Full Screen content slider with custom effects & animations.
Booster Extensions 
1- <a href="https://booster-addons.com/extensions/particleeffects" rel="nofollow ugc">Particle Effects</a> : Add amazing particle effects on your Elementor sections. 
2- <a href="https://booster-addons.com/extensions/advancedtooltip" rel="nofollow ugc">Advanced Tooltip</a> : Add advanced tooltips to any widget on Elementor with custom styling, effects & positions. 
3- <a href="https://booster-addons.com/extensions/advancedbackgrounds" rel="nofollow ugc">Advanced Backgrounds</a> : Apply advanced backgrounds on your section with amazing styling & transition effects. 
4- <a href="https://booster-addons.com/extensions/background" rel="nofollow ugc">Background Parallax</a> : Boost Elementor default background with parallax effects & auto moving transitions. 
5- <a href="https://booster-addons.com/extensions/elemparallaxscroll" rel="nofollow ugc">Elements Parallax Scroll</a> : Add parallax effects on any Elementor widget. 
6- <a href="https://booster-addons.com/extensions/readingprogress" rel="nofollow ugc">Reading Progress</a> : Add a progress bar indicator in the top of your page, during the scroll down it will indicates the current reading position. 
7- <a href="https://booster-addons.com/extensions/animatedgradient" rel="nofollow ugc">Animated Gradient</a> : Attract your website visitors by applying anamited gradient background on your sections. 
7- <a href="https://booster-addons.com/extensions/backgroundobjectsdecoration" rel="nofollow ugc">Background Objects Decoration</a> : Add amazing shapes & objects to your sections background with custom animation & effects. 
8- <a href="https://booster-addons.com/extensions/elementcsstransform" rel="nofollow ugc">Element CSS Transform</a> : Add CSS transform values (Scale, Rotate & Tranform) for all your Elementor elements. 
9- <a href="https://booster-addons.com/extensions/imageshapemask" rel="nofollow ugc">Image Shape Mask</a> : Display your images in a unique way by apply amazing SVG masking shapes. 
10- <a href="https://booster-addons.com/extensions/crossdomaincopypaste" rel="nofollow ugc">Cross Domain Copy Paste</a> : Copy & paste your elements or full page from a domain to a whole different domain. 
11- <a href="https://booster-addons.com/extensions/elementreveal" rel="nofollow ugc">Element Reveal</a> : Reveal your Elementor elements using awesome background animatons.
<h3>Enjoying Booster Addons!</h3>
<ul>
<li>Rate us on <a href="https://wordpress.org/support/plugin/booster-for-elementor/reviews/?rate=5#new-post" rel="ugc">WordPress</a> 😉</li>
</ul>
<h4>DOCUMENTATION AND SUPPORT</h4>
<ul>
<li>For documentation and details about the widgets head to our <a href="https://docs.booster-addons.com/" rel="nofollow ugc">Documentation</a>.</li>
<li>For video tutorials, you can find them in our <a href="https://www.youtube.com/channel/UCqCNTImSRleUjX03oCloLgw" rel="nofollow ugc">Videos Channel</a>.</li>
<li>For any freedback (which we appreciate very much) you can go to our <a href="https://docs.booster-addons.com/other/feedback/" rel="nofollow ugc">Feedbacks Submission Page</a>.</li>
<li>For any bug report (which we also appreciate very much) you can go to our <a href="https://docs.booster-addons.com/other/bug-report/" rel="nofollow ugc">Bug Report Page</a>.</li>
</ul>

Booster Elementor Addons

Booster Elementor Addons is a creative widgets bundle for the Elementor page builder, it comes with advanced features that boosts the WordPress experi …

Header scroll event for Elementor vs Booster Elementor Addons