Add a class to body tag after certain amount of scroll

Add a class to the body tag or any other element using jQuery after a certain amount of scroll or webpage load; you need to do it like below:

<script>
$(document).ready(function(){
    $(window).scroll(function() {    
	addScrollClass();
    });
    addScrollClass();

    function addScrollClass() {
	var headerSec = $("body");   
	var scrollFtop = $(window).scrollTop();
	if ( scrollFtop >= 50 ) { // change 50 with your number
		headerSec.addClass("scroll");
	} else {
		headerSec.removeClass("scroll");
	}
    }
});
</script>

Plugins to Enhance Your WooCommerce Store

Carefully selected tools to help you customize, manage, and optimize your WooCommerce experience.

Woo Parent Category Selector

• Automatically assign parent categories when child categories are selected
• Prevent accidental removal of required parent categories
• Automatically repairs missing parent category assignments during product save
• Bulk repair existing WooCommerce product category structures
• Keeps product category structures organized and consistent

Learn More

Product Catalog Mode For WooCommerce

• Turn your WooCommerce store into catalog mode instantly
• Hide Add to Cart buttons and product prices conditionally
• Apply rules by user role, country, or scheduled time periods
• Display custom messages and inquiry options for products
• Control visibility settings globally or per product

Learn More View on WordPress.org

Remove Add to Cart Button for WooCommerce

• Remove Add to Cart buttons from shop and product pages
• Hide buttons conditionally for selected products or categories
• Replace Add to Cart with custom text or messages
• Control button visibility by user role and product type
• Lightweight settings interface with easy customization

Learn More View on WordPress.org

Remove Product Content for WooCommerce

• Hide product title, image, price, rating, and descriptions
• Remove tabs, meta information, SKU, tags, and related products
• Control visibility separately for shop and single product pages
• Customize WooCommerce layouts without coding
• Enable or disable content elements with simple settings

Learn More View on WordPress.org

Really Simple XML and HTML Sitemap

• Generate both XML and HTML sitemaps automatically
• Display sitemaps anywhere using ShortCode support
• Include pages, posts, and custom post types
• Exclude selected pages or posts easily
• Supports WPML and Polylang multilingual plugins

Learn More View on WordPress.org