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

(function mediaQueriesWin(){)

function mediaQueriesWin(){

(var width = $(window).width();)

var width = $(window).width();

(if(width <= 768) { $(".navi").addClass('active'); })

if(width <= 768) { $(".navi").addClass('active'); }

(else{ $(".navi").removeClass('active'); } })

else{ $(".navi").removeClass('active'); } }

(-)

-

($(window).resize(function())

$(window).resize(function()

({ mediaQueriesWin(); });)

{ mediaQueriesWin(); });

(-)

-

($(window).scroll(function ())

$(window).scroll(function ()

({ $('.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'); } }); })

(-)

-

($('#page-top').click(function () {)

$('#page-top').click(function () {

($('body,html').animate({)

$('body,html').animate({

(}, 500); return false; });)

}, 500); return false; });