This is a recurring issue with Magento’s standard One Page Checkout. It most often occurs when the template has been updated to include lots of big fonts and padding around field elements (thanks designers).

What happens is that the address stage is a very tall container which then jumps to the much shorter Shipping Method stage and the height of the entire page is updated in the browser, while you user thinks they’re being pushed to the bottom of the page.

The easy fix is to tell prototype.js to jump to the top of the next stage rather than remaining at the fixed position on the page.

In your checkout/onepage.phtml add the following code directly after the var checkout = new Checkout() block.

checkout.gotoSection = function (section, reloadProgressBlock) {
            Checkout.prototype.gotoSection.call(
               this, 
               section, 
               reloadProgressBlock
            );
            $('opc-' + section).scrollTo();
        };

Magento

Magento is a feature-rich ecommerce platform built on open-source technology that provides online merchants with unprecedented flexibility and control over the look, content and functionality of their ecommerce store.

About Magento Ecommerce · Magento Posts

Related Magento Posts

Getting Started with Magento Open Source

Magento Northern Ireland Open Source allows you to build a unique online store from the ground up. ## Standard Features Magento Open Source includes everything... November 2022 · Magento

Magento - WebP Image Format Conversion

An introduction to image optimisation in Magento Northern Ireland **[Image Optimisation](/web-image-formats)** is an increasingly important step improve page speed and search engine performance of your... September 2022 · Magento

Aheadworks switch to subscription model

Aheadworks will be removing Composer keys and download access for existing customers and switching entirely to a subscription model. From February 2022 Aheadworks announced it... March 2022 · Magento

More Magento Posts...