JavaScript jQueryのscrollTop() スクロール位置取得

2014-09-15
いっす!この記事は1年以上前に投稿されたもので、情報が古いかもしれません。ご注意ください!

ウィンドウ最上部のスクロール位置の取得

function getScrollTop(){
  $("#result").text($(window).scrollTop() + 'px');
}
$(window).on("load scroll", getScrollTop);

サンプル 

ウィンドウ最下部のスクロール位置の取得

function getScrollTop(){
  $("#result").text($(window).scrollTop() + $(window).height() + 'px');
}
$(window).on("load scroll resize", getScrollTop);

サンプル 

ウィンドウ最下部のスクロール位置がある要素まで到達したらイベントを発生させる

var scrollBottom;
var lastTop = $("#last").offset().top;
function getScrollTop(){
  scrollBottom = $(window).scrollTop() + $(window).height();
  $("#result").text(scrollBottom + 'px');
  if(scrollBottom >= lastTop){
    $("#result").text('lastまでスクロールされました');
  }
  else{
    $("#result").text(scrollBottom + 'px');
  }
}
$(window).on("load scroll resize", getScrollTop);

 サンプル

hanakodesu

Follow on Instagram
This error message is only visible to WordPress admins
There has been a problem with your Instagram Feed.