ブログ

ひょっこりしたものの位置を変える

by Yasuko

以前

画面の下にひょっこり出てくるフッター

という記事で

すこしだけスクロールしたらフッターをひょっこり表示させました。

一度ひょっこりさせたものの場所をかえたい

少し進んで、

ひょっこりさせたフッターを最終的に違う場所に落ち着かせたい。

$(function(){
  $(window).scroll(function(e){ 
    var windowWidth = parseInt($(window).width());
    var bottomY = 60,
      $window = $(e.currentTarget),
      height = $window.height(),
      scrollTop = $window.scrollTop(), 
      documentHeight = $(document).height(), 
      footerHeight = $("footer").outerHeight(); 
    if(windowWidth > 768){
          if(scrollTop >= documentHeight - height - footerHeight + bottomY){
      $('#PageTop').css({ bottom: footerHeight + 10 }); 
    }else{
      $('#PageTop').css({ bottom: bottomY });
    }
    }
  });
});

コピペできるようにベーシックなスタイル。