モバイルに代わるスクロールバー - タブ付き領域
-
26-10-2019 - |
質問
だから、私は開発しているサイト内の領域をタブにしました。レイアウトのために、すべてのタブ付き領域を同じ高さに保つ必要があります。最初は、「ああ、かっこいい、やるだけだと思った display: scroll;
そして、スクロールバーを持っています」。
しかし、私は本当に携帯用にこれを持ちたくありません。 モバイルの固定されたタブ付きエリアの高さ内でコンテンツをスクロールするという私の問題に対するモバイルフレンドリーなソリューションを提案できますか。それとも、スクロールバーでタッチスクロールを有効にするだけですか?
解決
しばらく前にモバイルウェブサイトを開発し、ページ内のスクロール可能な領域を取得しようとしてしばらく費やしました。しかし、私は最終的に、それは非常にユーザーフレンドリーではないことに気付きました。私は人々が親指だけで私のサイトを使用できるようにしてほしかったので、彼らはそれを片手で使用できるようにしました。モバイル(つまり、小さな画面)のWebサイト内に小さなスクロール可能な領域があることは、ユーザーエクスペリエンスではないと思います。
私がやったことは、ブラウザにスクロールに対処させることであり、それは素晴らしい仕事をしたことが判明しました!
Apple App Storeがモバイルデバイスで動作する方法と同様に、タブをページすることができます。そうすれば、他のタブに切り替えるために、ユーザーが上部に戻る必要があることを心配する必要はありません。
他のヒント
JQM ScrollViewオプションは機能しますか?
所属していません StackOverflow