let lastScrollPosition = 0;
const headerWrapper = document.querySelector('#header-wrapper'); // Changed selector
const scrollThreshold = 100;

function getTranslateValue() {
    return window.innerWidth <= 477 ? -38 : -60;
}

window.addEventListener('scroll', () => {
    const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;
    if (currentScrollPosition > scrollThreshold) {
        // Scrolling down
        if (currentScrollPosition > lastScrollPosition) {
            headerWrapper.style.transform = `translateY(${getTranslateValue()}px)`;
        }
        // Scrolling up
        else {
            headerWrapper.style.transform = 'translateY(0)';
        }
    } else {
        // Reset position when above threshold
        headerWrapper.style.transform = 'translateY(0)';
    }
    lastScrollPosition = currentScrollPosition;
});

// Handle resize events
window.addEventListener('resize', () => {
    if (lastScrollPosition > scrollThreshold) {
        headerWrapper.style.transform = `translateY(${getTranslateValue()}px)`;
    }
});
Find Your Perfect Fit

5R110W

Filter by Vehicle (Not listed? Call for pricing)
0 My Garage:
Vehicles History
Easily navigate the latest vehicles selected

You are yet to start searching vehicles

Add a Vehicle
Filter by Category
Select Category
Search Product
Per page
Real Stories, Real Results

What Our Customers Say

Don't just take our word for it. Hear from fellow DIYers and mechanics who've experienced the Shift Rite difference. Our customers consistently praise our quality products, expert advice, and outstanding service. See why so many trust us for their transmission needs.
Stuck in Neutral?

Let's Get You Rolling

Need expert advice or have questions about our products? Our transmission specialists are ready to help. Don't let transmission troubles slow you down – reach out now and get back on the road faster.

Send us a message

  • This field is for validation purposes and should be left unchanged.
  • If applicable
document.addEventListener('gform/post_render', function (event) { if (!event.detail || Number(event.detail.formId) !== 4) { return; } const form = document.querySelector('#gform_4'); if (!form) { return; } const summary = form.querySelector('.gform_validation_errors'); if (!summary) { return; } /* * Make the validation notice programmatically focusable * and announce it to assistive technology. */ summary.setAttribute('tabindex', '-1'); summary.setAttribute('role', 'alert'); summary.setAttribute('aria-live', 'assertive'); /* * Wait until Gravity Forms and the browser finish their own * validation/render handling, then bring the notification into view. */ setTimeout(function () { summary.focus({ preventScroll: true }); const y = summary.getBoundingClientRect().top + window.pageYOffset - 120; window.scrollTo({ top: y, behavior: 'smooth' }); }, 150); });