Blog

スクロールするとサイドメニューがついてくるjQuery

2012.03.07Cat:jQuery デザイナー

スクロールをすると、サイドにあるメニューがついてくるサイトを見かけることは多々あると思います。

そのようなプラグインもいっぱいありますが、

今回はプラグインを使わずに実装してみました。

 

DEMO

 

html

いたって普通のHTMLです

 

css

 

 

javascript

 

動きが理想としていたものとは違いますが、ひとまずこれで。。。

また挑戦したいと思います。

 

本当は、下記のサイトのような感じにしたかったのですが。。。

東京スカイツリー TOKYO SKYTREE

 

このサイトは、その部分以外も工夫されていて、

なによりスカイツリー全体をスクロールしながら見るというのがおもしろいですね~

 

実装するのに参考にさせていただいたのが下記のサイトです。

 

jQueryでスクロールすると上部に固定されるナビゲーション | webOpixel

 

(スクリプトほとんど流用させていただいています・・・すいません笑)

Author Profile

Y.A

アベと申します。
ディレクター兼デザイナー兼コーダーです。
まだまだ未熟者ですが、日々頑張っています。。。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ