在react-app中razorpay支付窗口关闭后，垂直滚动条消失

Question

我正在构建一个react应用程序与razorpay支付。在razorpay覆盖关闭后，垂直滚动条消失，只有在硬刷新后才能看到。这是razorpay窗口的代码:

async function DisplayRazorpay(payment) {
const options = {
key: '*****',
currency:'INR',
amount: 1000,
order_id: '****',
name: 'abcd',
description: 'abcd',
image: logo,
handler(response) {
.....
},
prefill: {
name,
email,
contact,
},
};
const paymentObject = new window.Razorpay(options);
paymentObject.open();
paymentObject.on('payment.failed', (err) => {
.....
paymentObject.close();
});
}

一切正常。如何解决滚动条问题?

Answer 1

将其添加到index.css中，现在运行正常

body {
overflow: visible !important;
}

Answer 2

just add

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

它将被修复请查看https://razorpay.com/docs/payments/payment-gateway/web-integration/standard/troubleshooting-faqs/