<aside> <img src="/icons/list_gray.svg" alt="/icons/list_gray.svg" width="40px" /> 目次

</aside>

概要

LPcatsサービスのステップナビゲーション機能を使用すると、ユーザーはボタンクリックによって特定のステップに簡単に移動できます。この機能は、data-lpcats-goto-slide属性を使用して実装されています。

▼デモページ

https://lpcats.com/demo/enquete/enquete.html

https://lpcats.com/demo/enquete/enquete_beside.html

使用方法

📌HTML構造

ナビゲーションボタンにdata-lpcats-goto-slide属性を追加し、移動先のステップ番号を値として指定します

<button data-lpcats-goto-slide="1">YES</button>
<button data-lpcats-goto-slide="2">NO</button>

📌属性の詳細

- 属性名: data-lpcats-goto-slide
- 値: 移動先のステップ番号（整数）
  0: 1番目のステップ
  1: 2番目のステップ
  2: 3番目のステップ
  以降同様