チェ・ゲバムラの日記

脱犬の道を目指す男のブログ

overflow:hidden;にしても画面横スクロールが出てしまうときの確認項目

サイトを作っていて、画面外に要素を置いてボタンクリックしたらスライドしてきて動画を再生するとかってことはよくある。
久々にフロントを触っていて恥ずかしながらハマったのでメモしておく。

・html,body両方にoverflow-x:hidden;をかく
htmlの方にも書かないとスマホでは効かないなど、一部ブラウザで対応外だったりするので注意。

・bodyにはposition:relatvie;をかく
overflowだけだとどうも効かないので記載する。

恐らくハマりどころはこれくらい。
他にもあれば追記する。