【jQuery】jQuery処理の読み込みタイミング【メモ】

全体

//JavaScript Document
jQuery(function(){


// DOMツリー構築後に処理
jQuery(document).ready(function() {
  // 処理内容
});

// 全てのリソースを読み込み後に処理
jQuery(window).load(function(){
  // 処理内容
});

// スクロール量を感知して処理
jQuery(window).scroll(function(){
var scroll_y = window.pageYOffset ; //垂直方向のスクロール量の取得
  // 処理内容
});

});

DOMツリー構築後に処理

通常の処理はここに記載

// DOMツリー構築後に処理
jQuery(document).ready(function() {
  // 処理内容
});

全てのリソースを読み込み後に処理

HTMLやCSSなどのリソースを読み込んだ後にする処理。

// 全てのリソースを読み込み後に処理
jQuery(window).load(function(){
  // 処理内容
});

スクロール量を感知して処理

スクロールする度にする処理。

// スクロール量を感知して処理
jQuery(window).scroll(function(){
var scroll_y = window.pageYOffset ; //垂直方向のスクロール量の取得
  // 処理内容
});