jQueryでマウスホイールで横にスクロールする横型コンテンツ

Posted: 2011.07.21 / Category: javascript / Tag: jQuery, アニメーション 通常のWebサイトは縦長でマウスホイールで下に移動していきますが、最近よく見かけるようになった横長タイプのコンテンツをjQueryを使用して作成する方法をご紹介します。 機能としてはマウスホイールで横に移動と、ナビゲーションボタンをクリックで指定位置までスライドするということをやってみます。 html+css htmlはナビゲーションであるリストとコンテンツを入れるためのdivが５つあります。 html <div id="contents"> <ul id="nav"> <li><a href="#s01">01</a></li> <li><a href="#s02">02</a></li> <li><a href="#s03">03</a></li> <li>

[kuro57]

“jQueryでマウスホイールで横にスクロールする横型コンテンツ ”

[o_hiroyuki]

マウスで横スクロール

[rikima3132]

jQueryでマウスホイールで横にスクロールする横型コンテンツ | w...

[norip44]

これっぽいjQueryを実装中。もっとJSができるようになりたい。

[ukn]

ナビゲーションボタンでスライドも

[karakuriko]

これは近いうちに使いたい。