javascript - WooCommerce:停止滚动到结帐页面上的错误消息

Question

如果结帐表单上有错误，通常 WooCommerce 会滚动到 .form.checkout。我希望它停止，因为它以某种方式干扰了 ScrollMagic.js。

如果我不排队 ScrollMagic.js 一切正常，但启用 ScrollMagic.js 页面只是跳到顶部。

我尝试使用 $(document.body).on('checkout_error', function () { $( 'html, body' ).stop(); } 但它没有工作。

如果我用

$(document.body).on('checkout_error', function () {
    // There was a validation error
    console.log('checkout_error triggered');
});

控制台中没有日志消息。为什么什么都没有发生？如何停止 WooCommerce 动画？

Answer 1

根据 this article你可以试试这个吗？

jQuery( document ).ajaxComplete( function() {
    if ( jQuery( 'body' ).hasClass( 'woocommerce-checkout' ) || jQuery( 'body' ).hasClass( 'woocommerce-cart' ) ) {
        jQuery( 'html, body' ).stop();
    }
} );