JAVASCRIPT/JQuery

JAVASCRIPT/JQuery

메뉴 클릭시 해당 영역으로 이동되도록

let offsets = []; $(window).load(function(){ $.each($(".offset_wrap"), function(){ offsets.push($(this).offset().top); }); }); $('.offset_wrap a').mouseenter( function() { $(this).addClass('on'); }); $('.offset_wrap a').mouseleave(function() { $(this).removeClass('on'); }); $(".main_link_box ul li a").on('click', function(){ $('html, body').animate({scrollTop: offsets[$(this).parent().index()] -..

JAVASCRIPT/JQuery

JQUERY scroll 계산하기

$(window).scroll(function(){ // 해당 div의 top값 var mileageOffset = mileageEl.offset().top; // $(document).scrollTop() 함수를 통해 현재 스크롤바의 위치값 var scroll = $(window).outerHeight() / 2 + $(window).scrollTop(); console.log(scroll,mileageOffset); if(scroll > mileageOffset){ if(!mileageEl.hasClass("on")){ mileageEl.addClass("on"); $($(mileageList).get().reverse()).each(function(idx, el){ $(this) .delay(idx..

kimjiwon506
'JAVASCRIPT/JQuery' 카테고리의 글 목록