ASTRO•9mo ago

위젯이 렌더링 완료된 시점을 알수 있을까요?

화면이 길어서 위젯이 완료된 시점에 맨 밑으로 스크롤을 내리고 싶습니다. 렌더링이 완료된 시점을 알 수 있을까요?

9 Replies

토스페이먼츠 BOT•9mo ago

⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다

오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.

- 주문번호(orderId) : - 문의 내용 :

(img를 함께 첨부해주시면 도움이됩니다)

* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.

Kimoon Lee•9mo ago

현재는 렌더링 완료시점을 이벤트로 제공하고 있지 않습니다.

ASTRO•9mo ago

ㅠㅠ

Ayaan•9mo ago

일부 고객사에서는 렌더링되는 iframe의 이벤트를 직접 listen해서 해당 부분을 구현한 케이스도 있는것으로 알고있습니다만, 공식적으로는 냥과장님 말씀처럼 제공하지 않습니다.

ASTRO•9mo ago

아네 알겠습니다

토스페이먼츠 BOT•9mo ago

❤️ 기술문의 경험이 어떠셨나요?!

간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

maro•9mo ago

@ASTRO 지나가던 개발자입니다. docs에는 없지만 ready 라는 이벤트가 있긴 합니다.

import { loadPaymentWidget, ANONYMOUS } from "@tosspayments/payment-widget-sdk";

const main = async () => {
  const paymentWidget = await loadPaymentWidget(
    "test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm",
    // 비회원 customerKey
    ANONYMOUS
  );
  
  const paymentMethodsWidget = paymentWidget.renderPaymentMethods('#payment-method', { value: 1000 }, { variantKey: 'DEFAULT' });

  paymentMethodsWidget.on("ready", () => {
    console.log("ready")
  })

.
.
.

import { loadPaymentWidget, ANONYMOUS } from "@tosspayments/payment-widget-sdk";

const main = async () => {
  const paymentWidget = await loadPaymentWidget(
    "test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm",
    // 비회원 customerKey
    ANONYMOUS
  );
  
  const paymentMethodsWidget = paymentWidget.renderPaymentMethods('#payment-method', { value: 1000 }, { variantKey: 'DEFAULT' });

  paymentMethodsWidget.on("ready", () => {
    console.log("ready")
  })

.
.
.

ASTRO•9mo ago

아 네 감사합니다

Kimoon Lee•9mo ago

참고로 정식 이벤트가 아니므로 사전 공지 없이 해당 이벤트가 없어지거나 변경될수 있습니다. 이에 따른 결제 이슈는 가맹점의 책임 소재가 될수 있음을 인지해 주시기 바랍니다. 돌려서 말씀드렸지만 가능하면 해당방법 사용하지 않으시길 권장드립니다.