从 woocommerce 购物车页面删除项目后停止滚动到顶部

Question

每当我从 woocommerce 的购物车页面中删除产品时，它就会滚动到顶部。我设法做到了数量更改，但在删除商品时不起作用。

这是处理数量变化。从购物车页面删除产品后我想停止滚动到顶部。到处搜索都没有得到任何答案。

var timeout;

 

jQuery( function( $ ) {

        $('.woocommerce').on('change', 'input.qty', function(){

            if ( timeout !== undefined ) {

                clearTimeout( timeout );

            }

            timeout = setTimeout(function() {

                $("[name='update_cart']").trigger("click");

                document.location.reload(true);

            });

        });

});

Answer 1

remove_action('woocommerce_before_cart', 'woocommerce_output_all_notices', 10);

Answer 2

jQuery(document).ready(function($) {&nbsp; &nbsp; $(document).ajaxComplete(function() {&nbsp; &nbsp; if ($('body').hasClass('woocommerce-checkout') || $('body').hasClass('woocommerce-cart')) {&nbsp; &nbsp; &nbsp; &nbsp; jQuery( 'html, body' ).stop();&nbsp; &nbsp; }&nbsp; });});如果您不想禁用 woocommerce 通知，只有这对我有用。添加此代码并包裹<script>...</script>在页脚中的标签上

Answer 3

所以，我在任何地方都没有找到很好的解决方案。因此进入了 woocommerce 的代码并更改了一些代码。打开此文件 wp-content/plugins/woocommerce/includes/wc-template-functions.php 并在第 3640 行搜索该文件。wc_print_notices();并评论或删除此行。那么它将适用于数量的变化以及从购物车中删除商品，并且当您有 100 种产品时，它不会每次都滚动到顶部。您也不需要document.location.reload(true);为此使用。PS每次更新插件的时候都要更改它。

Answer 4

尝试通过添加在 CSS 中修复它body {&nbsp; &nbsp; overflow-x: visible !important;}