【JavaScript】ドラッグ可能な横スクロールを実現するkinetic.js【プラグイン】 « JavaScript « 技術ブログ « 株式会社プロネット | WEBシステム開発20年以上の実績こんばんは。 今日はjQueryのプラグインの紹介になります。 ドラッグ可能な横スクロール画面を作る際便利です。 GitHub 環境 chrome 47.0.2526.111 IE 8,9,10,11 FireFox 43.04 で動作確認済みです。 デモ 外部サイトです。 デモ 使い方 まずは、全画面横スクロールにしたいので横幅が大きいブロック要素を作りましょう HTML <div id="scroller"> <div id="inner"> <!-- content --> </div> </div> CSS body,html { height:100%; min-height:100%; } #scroller { width:100%; min-height:100%; overflow: hidden; } #inner { width:5000px; } こんな感じで。 あ
