コピペで簡単実装!横スクロールのあるコンテンツをマウスホイールでスクロールされるようにする

ページ内に横スクロールのあるコンテンツがある場合に通常ではスクロールバーをドラッグしないと横スクロールさせることはできません。

普段この仕様で困ることはあまりないのですがマウスホイールで横スクロールさせたい時もありますよね。

そんな時に実装する方法をご紹介。

 

 

まずは</body>前にでも下記コードを張り付け

ちなみにIE対応です。(あと二日でサポート終わるけど。)

 

あとは横スクロールの発生しているコンテンツに「common-x-scroll」とクラスを与えればそのコンテンツ上でのマウスホイールは横スクロールになります。

 

JavaScript

こちらもおすすめ