CSSを使用して反対側に垂直スクロールバーを配置します

警告：これは、多くのユーザーにとって非常に役立つスクロールバーの位置の一般的な認識を破るため、これを一般的にお勧めしません。これは、多くの人々にとってコアアクセシビリティであることは言うまでもありません。

しかし、これは魅力的なCSSのトリックであり、オンラインの世界は巨大で複雑であり、あらゆる種類の状況にはいくつかの独特のソリューションが必要になる場合があります。

方法1：方向スキル

ここでのトリックは、スクロールする親要素を使用するdirection: rtl （またはメイン方向とは反対の方向）を使用することです。次に、スクロール要素を内部的に通常の方向に戻します。

方法2：回転スキル

テキスト以外の方向のためにテキストオリエンテーションを変更すると、常に少し不安になります。そのため、このテクニックはそれが「ハッカー方法」であるとは感じません。トリックは、親要素を180度回転させてから、子要素を180度ずつ回転させて、直立状態に回復することです。

最初の回転により、スクロールバーは反対側になります。

このアプローチには、特に恥ずかしい2つの理由があります。

1. スクロール要素は、デフォルトで下部にスクロールします。
2. ローラーでスクロールするとき、スクロール方向は逆に感じられます。スクロールバー自体は正常に動作するはずですが、トラックパッドまたはマウスホイールは、要素のスクロール方向が逆になっていると感じます。

実用的な方法というよりは、エイプリルフールの日の冗談のようなものです。ウイルスのツイートはそれを「呪われた」と呼び、そうです。

以上がCSSを使用して反対側に垂直スクロールバーを配置しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。