CSSで横方向のスクロールバーを上部につける

下へのスクロールが長い画面を作っているとたまに

「スクロールバーを上につけることはできない?」

と言われることがあります。

そんな時には以下のハックが便利です。

classを使わずにstyleでインラインにしていますが、どちらでも構いません。

<div style="overflow-x-: auto; transform: rotateX(180deg);"
     <table style="transform: rotateX(180deg);">
         ...
     </table>
</div>

金井 泰樹のアバター 金井 泰樹 FUNBREW代表

FUNBREWの代表。
新卒からIT系の企業に勤め、SES、スマホアプリ開発、自社開発の会社で経験を積んで独立。
新卒時代にエンジニアとしてのキャリアを積むのに失敗し、その後に苦労した経験から、現在教育事業の立ち上げを準備中。
強みはウェブシステム開発全般と迅速なレスポンスです。

目次