Javascript/jQuery/表示 - api_programming @ ウィキ

下位ページ

Content

表示・非表示

CSSの display:none にする

hide

hide([speed[,callback]]) / show([speed[,callback]]) / toggle([speed, [callback]])

speedはミリ秒で指定。もしくは"slow","normal","fast"。
speedも指定しないと、アニメなし。
hide - jQuery日本語リファレンス
show - jQuery日本語リファレンス
toggle - jQuery日本語リファレンス
toggle - jQuery日本語リファレンス

slideUp / slideDown

下から上に消えていく。上から下に現れる。交互に切り替える。

slideUp([speed], [callback])
slideDown([speed], [callback])
slideToggle([speed], [callback])

slideUp - jQuery日本語リファレンス
slideDown - jQuery日本語リファレンス
slideToggle - jQuery日本語リファレンス

スクロール

その要素にスクロールバーが設定されていることが前提。この前提を元に、スクロール位置を取得・設定する。

要素の、ドキュメント上の位置を取得する

.offset()

topとleftを取得するので、topの位置なら

.offset().top

として取得する
http://semooh.jp/jquery/api/css/offset/_/

スクロールできる要素の、現在のスクロール位置を取得・設定する

.scrollTop()
.scrollTop(value)

取得できないものでは、0が返る。
http://www.jquerystudy.info/reference/css/scrollTop.html

.animate()

• properties 型:PlainObject
  • 最終的に変化させるCSSのキーと値のマップ値を指定します。

http://js.studio-kingdom.com/jquery/effects/animate