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

Question

我正在构建一个带有 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();
    });
  }

其他一切工作正常。如何解决滚动条问题？

标签： reactjsscrollbarreact-functional-componentrazorpay

Answer 1

将此添加到 index.css，现在它工作正常。

body {
  overflow: visible !important;
}