2016.01.04 課題解決のためのUI実装講座 Web Designing 2016年1月号 カテゴリーが多いスマホサイトで役立つ「スワイプ対応メニュー」(2/2) スワイプ対応タブメニューを実装してみよう Text:町田なつみ、古川佑太朗 スワイプに対応したタブメニューの事例から、そのメリットや気をつけるべき点が把握できたところで、サンプルを使って実装例を解説していこう。 サンプルファイルダウンロードのご案内 このコーナーで紹介しているサンプルファイルは、こちらからダウンロードできます。ぜひ、サンプルを動かしたりカスタマイズしながら読み進めてください。 [SWIPE TAB 01]タブ部分を配置し横スクロールに対応させる それでは、スワイプ対応タブメニューをつくってみよう。コンテンツ部分のスワイプ時に連動して、タブメニューをスクロールさせ、常にカレントのタブが表示されるようにする。さ
![カテゴリーが多いスマホサイトで役立つ「スワイプ対応メニュー」(2/2)|WD Online](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5df4ad0bce3df7aea173e1f7ab0074a165d35a3/height=288;version=1;width=512/https%3A%2F%2Fbook.mynavi.jp%2F%2Ffiles%2Ftopics%2F46629_ext_14_0.png)