エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ie7以上から使える。横にスクロールして開くナビゲーションのデモサイトとサンプルコード | 記事 | とあるクリエイターのエンジニアブログ | T-CREATOR
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ie7以上から使える。横にスクロールして開くナビゲーションのデモサイトとサンプルコード | 記事 | とあるクリエイターのエンジニアブログ | T-CREATOR
ie7以上から使える。横にスクロールして開くナビゲーションのデモサイトとサンプルコードをメモしました... ie7以上から使える。横にスクロールして開くナビゲーションのデモサイトとサンプルコードをメモしました。 横スクロールからナビゲーションを表示するサイトを 最近よくスマートフォンサイトなんかでよく見かけます。 そして見よう見まねで このサイトのタブレットやスマホの表示にも 取り入れてみました。 今回は、「スマホ」や古めの「ie」でも動くように作りました。 スマホでは「jQuery」のアニメーションでは少々重かったので CSS3のtransitionと切り替えて動かしています。 サンプルコード HTML 今回は#moveElmを動かしています。 #headerは動かさないため#moveElmの外に出しています。 HTMLCopy code <div id="header"> <div class="inner"> <h1>スクロールナビゲーションサンプルサイト</h1> <div id="na