web-dev-qa-db-ja.com

折りたたみが自動的にスクロールする必要があります

折りたたまれたアイテムのコンテンツは、「スクロールしなければ見えない範囲」でレンダリングされ、動作がPushスクロールせずに見えるようになると、ユーザーが表示できるようになります自動スクロールより悪い経験?

崩壊の例

Collapse example with off-screen contentCollapse screen with on-screen content

自動スクロールを使用した折りたたみの例 Example of collapse using auto scroll

3
Eliot Hill

ほとんどの場合、そうすべきではありません。

このような強制的なプッシュは、より悪い解決策になります。より適切なオプションは、現在の場所にフォーカスを置き、ビューが下で開かれたことを明確に示すことです。ユーザーがボタンを画面の一番下にある間にクリックすると、新しく開いたパネルが見えなくなるため、これは非常に重要です。

2番目はパネル全体がクリック可能ですが、 + 右側のサインが -、パネルの状態遷移を明確に示していない場合があります。最初の例では、ボタンの色が変更され、切り替えを明確に示しているため、表示はより良く行われているようです。

1
Pavel

そこにあるコンテンツの種類によって異なります。

たとえば、コメントセクションの場合、コメントが多い場合は、最後に行われたコメントを確認する方が良いでしょう。最初から読み取る必要のある静的情報である場合。その場合、自動スクロールはお勧めできません。

「トップに移動」または最後にジャンプするためのリンクまたはボタンを提供するのが良いと判断した方。

0
Ameen Akbar