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

Согласно этой статье вы могли бы попробовать это?

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

Answer 2

Теперь появляются мои консольные журналы.Я вообще ничего не менял, но jQuery('html, body').stop(); не срабатывает.

Но с помощью GSAP ScrollToPlugin я теперь могу прокручивать до ul.woocommerce-error, используя

$(document.body).on('checkout_error', function () {
  TweenLite.to(window, 1, {scrollTo:"ul.woocommerce-error"});
  console.log('checkout_error triggered');
});

, как описано здесь: https://greensock.com/ScrollToPlugin.