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

Question

.form.checkout通常，如果结账表单上有错误，WooCommerce 会滚动到。我希望这种情况停止，因​​为它会以某种方式干扰 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('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。