web-dev-qa-db-ja.com

モバイルビューでホバー状態を使用して情報を表示する方法

ホバーに関する小さな情報を表示するホバー状態があります。モバイルビューでホバー状態がないときにモバイルで小さな情報を表示するにはどうすればよいですか? enter image description here

5
Harshith
  • ポップオーバー:情報がなんらかのダイアログである場合は、それを表示できますon tap

  • ツールチップ:情報がツールチップの場合、表示できます長押し

押し続けた状態のタッチUIツールチップの例

マテリアルデザイン-ツールチップモバイル

2
Alvaro

モバイルでのホバー状態はお勧めできません。重要な情報がある場合は、モバイルでクリックできるようにして、情報を表示します。あなたの場合、私が想定しているのは、小さな「i」アイコンがデスクトップ上のホバーに関する情報を示しており、モバイルでそのアイコンを保持したいということです。ユーザーの指が情報を読みながら中断するため、モバイルではホバー状態が成功しないため、モバイルでクリック可能にすることを強くお勧めします。

1
Sudarshan T

Iを静的にし、クリックマークを付けます。アイテムに追加情報がタグ付けされている場合、タッチ環境ではホバーを使用できません。

1
DarrylGodden