코드노트

HTML 삽입 미리보기할 수 없는 소스 let snbPosition = parseInt($(".event main .snb").css("top")); $(window).scroll(function () { let st = $(window).scrollTop(); $(".event main .snb") .stop() .animate({ top: st + snbPosition + "px" }, 500); //여기선 고정 });

//scroll const breadcrumb = $(".bcs #breadcrumb li"); const bcsSection = $(".bcs main section"); breadcrumb.click(function(){ let i=$(this).index(); // console.log(i); let tg=bcsSection.eq(i); let tt=tg.offset().top; $("html, body").animate({ scrollTop: tt - 180 },500); // alert(tt); return false; }); $(window).scroll(function(){ let st=$(window).scrollTop(); //스크롤 위치 let bt=$(document).height()..

//최상단버튼 $(".btnTop").click(function(){ $("body, html").animate({ scrollTop: 0 },500); return false; }) // 풀페이지메인에서 상단이동 $('.btnTop').click(function () { $.fn.fullpage.moveTo(1, 1); // 이동하고싶은 페이지 });

보통 gnb나 인덱스에서 원페이지로 된 서브페이지로 이동 할 때 썼음 각각 링크를 누르면 연결된 ID의 탭이 열리거나 스크롤 돼야했음 $(document).ready(function () { const page_url = window.location.href; const page_id = page_url.substring(page_url.lastIndexOf("#") + 1); // alert(page_id); let tab = $('#hydrogen .subTab li'); let pannel = $('#hydrogen .subPannel > ul > li'); function tab_pannel(i){ tab.removeClass('active').eq(i).addClass('active'); pan..

텍스트 애니메이션 $('#mainSlider .slider .textWrap').addClass('active'); $('#mainSlider .slider').on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){ $('#mainSlider .slider .textWrap').removeClass('active'); $('#mainSlider .slider .slick-current .textWrap').addClass('active'); }); 2022.05.10 - [🕹 스크립트] - 슬릭슬라이더 일시정지/재생, 현재페이지/전체페이지, 프로그레스바 슬릭슬라이더 일시정지/재생, 현재페이지/전체페이지, 프로그레스바 메..

HTML 삽입 미리보기할 수 없는 소스

$('#mainSlider .slideWrap').slick({ autoplay : false, arrows : false, fade : true, pauseOnFocus : false, pauseOnHover : false, pauseOnDotsHover : false, }); $('#mainSlider .slideWrap').slick('slickPause'); $(".dWrap>article").each(function(){ $(this).mouseenter(function(){ $(this).find(".slideWrap").slick("slickPlay"); }); $(this).mouseleave(function(){ $(this).find(".slideWrap").slick("slickPau..

HTML 삽입 미리보기할 수 없는 소스

언어변경 버튼 링크에 자바스크립트 추가 javascript:langChange('ko'); 메인 index에 기본 쿠키 설정 언어 변경 및 쿠키 생성스크립트 //언어변경 function langChange(lang) { var thisPathName = window.location.pathname;//현재 페이지의 경로 var splitUrl = '';//현재 페이지 경로를 '/'를 기준으로 쪼개기 위한 변수 var url = '';//최종적으로 변경 될 주소 splitUrl = thisPathName.split('/');//현재 페이지를 '/'를 기준으로 쪼개기 splitUrl[1] = lang;//쪼갠 주소 중 언어별 폴더를 클릭한 언어로 변경 : ex)'en'클릭 시: '/ko/about/...' ..

window.onload = function () { const thisLocation = window.location.href; if (thisLocation.match('index.php')) { //index파일에서 적용시킬 것 } else { //서브페이지에 적용시킬 것 }; }; match()에 따로 지정해주면 된다