個人練習用jQuery基本例文集：その２

(var headerH = $('#header').outerHeight(true);)

var headerH = $('#header').outerHeight(true);

(var scroll = $(window).scrollTop();)

var scroll = $(window).scrollTop();

(if (scroll >= headerH){ $('.btn').addClass('fadeDown'); })

if (scroll >= headerH){ $('.btn').addClass('fadeDown'); }

(else{ $('.btn').removeClass('fadeDown'); })

else{ $('.btn').removeClass('fadeDown'); }

(-)

-

(function fadeAnime(){)

function fadeAnime(){

($('.fadeInTrigger').each(function(){)

$('.fadeInTrigger').each(function(){

(var elemPos = $(this).offset().top-50;)

var elemPos = $(this).offset().top-50;

(var scroll = $(window).scrollTop();)

var scroll = $(window).scrollTop();

(var windowHeight = $(window).height();)

var windowHeight = $(window).height();

(if (scroll >= elemPos - windowHeight){)

if (scroll >= elemPos - windowHeight){

($(this).addClass('fadeIn'); })

$(this).addClass('fadeIn'); }

(else{ $(this).removeClass('fadeIn'); } });)

else{ $(this).removeClass('fadeIn'); } });

($(window).scroll(function (){ fadeAnime(); });)

$(window).scroll(function (){ fadeAnime(); });

($(window).on('load', function(){ fadeAnime(); });)

$(window).on('load', function(){ fadeAnime(); });

(-)

-

(var headerH = $("#header").outerHeight(true);)

var headerH = $("#header").outerHeight(true);

($(".scroll-point").each(function(i) {)

$(".scroll-point").each(function(i) {

(elemTop[i]=Math.round(parseInt)

elemTop[i]=Math.round(parseInt

(($(this).offset().top-headerH)); });)

($(this).offset().top-headerH)); });