-
ID:1WOFC6 さんの質問

アップルのサイトをスマホで表示させたときの横スクロール可能なグローバルナビゲーションの仕様を再現したいと考えています。(*タップで展開され、初回はナビゲーションが左から右に流れて表示されるような動き。)
webインスペクター上から仕様を再現していると思われるglobalheader.jsを覗いているのですが、当方javascriptをゴリゴリ書けるほどの知識は無く、解読が不可能と判断いたしました。
こちらと似た仕様のプラグインなどをご存知でしたらご教示いただけますと幸いです。*の仕様が再現できなくても、似たものがございましたらご教示いただきたいです。
宜しくお願い致します。

みんなの回答 1 件

ID:jvqyF4 さんの回答

ざっくり作ってみました。

ポイントはCSSの white-space: nowrap; overflow: scroll; ですね。

参考になれば幸いです。

2015-01-14 1st - jsdo.it - Share JavaScript, HTML5 and CSS

http://jsdo.it/mksk04/wpmZ
ID:p5WMX1

ありがとうございます!こちらの仕様でばっちりいけそうです。参考にさせていただきます。

最終更新日:2015-01-14 (4,986 views)

関連するトピックス

ページ上部に戻る