タグ

ブックマーク / iwb.jp (2)

  • 1分でわかるjQueryのscrollTop() スクロール位置取得の使い方

    jQueryのscrollTop()でスクロール位置を取得することでいろいろなことができるようになる。 ウィンドウ最上部のスクロール位置の取得 $(window).scrollTop()で取得。$(window).on("scroll"だけだとロード時に現在位置が表示されないので$(window).on("load scroll"と記述するのが望ましい。 function getScrollTop(){ $("#result").text($(window).scrollTop() + 'px'); } $(window).on("load scroll", getScrollTop); jQueryのscrollTop() スクロール位置取得の使い方 サンプル1 ウィンドウ最下部のスクロール位置の取得 $(window).scrollTop()+$(window).height()で取得

    1分でわかるjQueryのscrollTop() スクロール位置取得の使い方
  • JQueryを使用して画像を上下中央揃えにする方法

    画像を上下中央揃えにするには 画像は左右中央揃えにしたいときはブロック要素などに入っている場合text-align:centerで中央揃えにできる。しかし上下中央揃えの場合、画像の高さがあらかじめ決まっている場合を除くとCSSだけで上下中央揃えをすることはできない。ひと昔前であれば画像をtableタグ内に入れて上下中央揃えを実現していたが現在ではtableタグは基的に表としての役割以外で使用することは非推奨である。 JQueryを使用して画像を上下中層揃えにする 画像を上下中層揃えにする最も簡単な方法はJQueryを使用する方法である。やり方は簡単でまずJQueryのeachで上下中層揃えしたい画像エレメントを指定し、それぞれの幅と高さを取得する。取得した幅が高さよりも大きかった場合は画像の(最大幅 - 高さ) / 2 の計算式で画像のmargin-topの値を出す。 以上の手順で画像を

  • 1