それは私がスクロールする方法です

Webページ（または特定の要素）がスクロール可能かどうかはどうすればわかりますか？スクロールバーの存在は明確な指標です。 「折りたたみの上」のコンテンツについての議論は持続しますが、巻物棒の機能と意味は一般的に理解されています。

ただし、スクロールバーはしばしば隠されています。たとえば、macosは、積極的にスクロールしない限り、それらを隠します。モバイルブラウザは、 overflow: scroll;適用されます。

これは、検出されないスクロール可能な領域が重要なコンテンツや機能を曖昧にする可能性があるため、重要です。

タイラーホールの「完璧にトリミングされた」逸話を検討してください。重要な機能を備えたiOS画面にはスクロールが必要ですが、これを示す視覚的な手がかりは提供されませんでした。結果は？タイラーの母親は、おなじみの機能を見つけることができませんでした。これは、重大な使いやすさの失敗です。

目に見えるスクロールバーを検出して強制する方法が存在しますが、欠点があります。ユーザーの好みをオーバーライドし、DOMの操作を要求し、潜在的に廃止されたベンダーで育てられたCSSに依存する可能性があります。

クリス・スミスのアプローチは優れた代替品を提供します：

シャドウベースのテクニックは特に効果的です。挿入図の影は、根本的な内容を明確に示唆しており、影自体がスクロール方向の視覚的な手がかりとして機能します。このCSSのみの方法は、さまざまなUIコンテキストを優れた制御と適応性を提供します。 JavaScriptを完全に回避する巧妙なCSSトリックです。

以上がそれは私がスクロールする方法ですの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。