ブックマーク / webrocketsmagazine.com (1)

  • jQueryで横スクロールのアニメーションするサイトを作る方法

    「Smooth Vertical or Horizontal Page Scrolling with jQuery」で紹介されていた方法を参考に、jQueryでサイト全体を横や縦にスクロールさせる1つの方法を紹介しちゃいます!。 デモ スクロールさせる方法はいくつかあるのですが、今回の記事では一番簡単だと思われる方法を紹介することにします。まずは、デモをごらんください。元記事のデモはもっとかっこいいです。 デモを見る 考え方 基的には、下のイメージのように、横スクロールでは、コンテンツを横に並べて、横長のコンテンツを作り、スクロールバーをスライドさせて見えるコンテンツを制御するのが一般的です。縦スクロールの場合も考え方は同じです。 ※縦スクロールのやり方は記事の後で紹介します。 基レイアウト HTMLCSSは、下記のようになります。 <!DOCTYPE html> <html lan

    jQueryで横スクロールのアニメーションするサイトを作る方法
    nos
    nos 2012/05/08
  • 1