Authorize.net AcceptUI - 防止滚动到页面顶部

Question

在acceptui.js中点击button显示支付表单时，滚动跳转到页面顶部。可以避免吗？

这是我尝试过的：

<button type="button"
            id="payment_button"
            class="AcceptUI btn btn-success"
            data-billingAddressOptions='{"show":false, "required":false}' 
            data-apiLoginID="loginId" 
            data-clientKey="clientKey"
            data-acceptUIFormBtnTxt="Submit" 
            data-acceptUIFormHeaderTxt=""
            data-paymentOptions='{"showCreditCard": true, "showBankAccount": false}' 
            data-responseHandler="paymentResponseHandler"
            onClick="fixScroll();">
                Get Token
        </button>

<script>
    function fixScroll()
        {
            $(window).scrollTop( $('#payment_button').offset().top );
        }

</script>

这不起作用，因为显示事件发生在点击事件之后。

我能够解决以下问题：

 var scroll_top = 0; 
function fixScroll()
{
    scroll_top = $(document).scrollTop(); 

    var target = document.querySelector('#AcceptUIBackground');
    observer.observe(target, {
        attributes: true
    });
}

var observer = new MutationObserver(function(mutations) {
    $(window).scrollTop( scroll_top);
});

但输入付款信息后它仍然滚动。

Answer 1

在他们的例子中，他们有：

$("#btnOpenAuthorizeNetIFrame").click(function () {
        $("#add_payment").show();
        $("#send_token").attr({ "action": "https://test.authorize.net/payment/payment", "target": "add_payment" }).submit();
        $(window).scrollTop($('#add_payment').offset().top - 50);
            });

尝试删除最后一行：

$(window).scrollTop($('#add_payment').offset().top - 50);