スクロールの邪魔にならないようスクロール可能領域を最初はoverflow:hidden;にしておく - F.Ko-Jiの「一秒後は未来」

ページをマウスでスクロールするとき、ページ内にあるスクロール可能領域にマウスカーソルがかぶってしまうと、ページではなくその領域がスクロールしてしまって使いづらいという問題があります。 Meity でもページの真ん中あたりにスケジュール調整機能が表示されるのですが、項目が増えるとその領域がスクロール可能領域になり、ページのスクロール時に同様の問題が生じてしまっていました。 そこで、「その領域をスクロールさせようとする人はおそらくマウスカーソルを数秒その領域にとどめるだろう」という仮説のもとに、「その領域を最初はスクロール不可能領域にしておいて、マウスでクリックされるかもしくは一定時間マウスがその領域に入っていたら、スクロール可能領域に変更する」というデザインに変更してみました。 ↑ 最初はスクロールバーは表示されていませんが、 ↑ しばらくマウスカーソルを置いているとこのようにスクロールバー