时间戳

首页 > 解决方案 > Woocommerce 结帐 scroll_to_notices

javascript - Woocommerce 结帐 scroll_to_notices

问题描述

我希望滚动点击“结帐”按钮，转到网站顶部，而不是只转到该部分

结帐按钮

滚动到通知

我在 checkout.js 的代码中找到了这个函数

    submit_error: function( error_message ) {
        $( '.woocommerce-NoticeGroup-checkout, .woocommerce-error, .woocommerce-message' ).remove();
        wc_checkout_form.$checkout_form.prepend( '<div class="woocommerce-NoticeGroup woocommerce-NoticeGroup-checkout">' + error_message + '</div>' ); // eslint-disable-line max-len
        wc_checkout_form.$checkout_form.removeClass( 'processing' ).unblock();
        wc_checkout_form.$checkout_form.find( '.input-text, select, input:checkbox' ).trigger( 'validate' ).blur();
        wc_checkout_form.scroll_to_notices();
        $( document.body ).trigger( 'checkout_error' );
    },
    scroll_to_notices: function() {
        var scrollElement           = $( '.woocommerce-NoticeGroup-updateOrderReview, .woocommerce-NoticeGroup-checkout' );

        if ( ! scrollElement.length ) {
            scrollElement = $( '.form.checkout' );
        }
        $.scroll_to_notices( scrollElement );
    }
};

但是即使我删除了scroll_to_notice，它仍然会滚动到同一部分

标签： javascriptphpwordpresswoocommerce

解决方案

推荐阅读