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

Question

我正在构建一个使用 razorpay 付款的 React 应用程序。关闭 razorpay 叠加层后，垂直滚动条消失，仅在硬刷新后可见。这是 razorpay window 的代码：

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;
}