코드노트

// Hide Header on on scroll down let didScroll; let lastScrollTop = 0; let delta = 5; // 동작의 구현이 시작되는 위치 let navbarHeight = $header.outerHeight(); // 영향을 받을 요소를 선택 // 스크롤시 헤더 변경 $(window).scroll(function () { let $st = $(window).scrollTop(); //스크롤 위치 let $subTitleHeight = $('.subTitle').outerHeight(); didScroll = true; if ($st >= $subTitleHeight) { $breadcrumbs.addClass('scroll'); } else if ($st..

$('.pg_page').click(function(){ //페이저 클릭시 let pagerHref = $(this).attr('href'); //선택한 페이저의 링크를 읽고 $(this).attr('href', `${pagerHref+'#report'}`); //그 링크에 원하는 위치의 오브젝트 id값을 붙여줌 }) - 그누보드 게시판 리스트에서 사용했음 - 상단 스킨에 내용있고 하단만 게시판으로 이용할 때, 페이저 클릭시 다시 상단으로 올라가는 불편함 때문에 적용함

닫기 다시 안보기 닫기 다시 안보기 다시 안보기 부분 -> 오늘 하루 안보기로 변경 // 하단에 오늘 하루 안보기 버튼 부분만 변경(변수명 확인 후 잘 바꾸기) hideTodayButton.addEventListener("click", function() { const hideUntil = new Date(); hideUntil.setDate(hideUntil.getDate() + 1); // Add one day to the current date localStorage.setItem("hideUntil", hideUntil.toISOString()); closePopup1(); }); const hideUntilDate = localStorage.getItem("hideUntil"); if (!hid..

const $btnMenu = $("#header .btn-menu"); const $mobGNB = $("#header .mobGnb"); const $lnbDep1 = $("#header .mobGnb .btn-dep1"); const $lnb = $("#header .mobGnb .lnbList"); $btnMenu.click(function () { $(this).toggleClass('on'); $mobGNB.fadeToggle('on'); }); $lnbDep1.click(function () { $(this).parents('.gnb__list').toggleClass('on').siblings().removeClass('on'); $(this).parents('.gnb__list').sib..

참고 : https://www.daleseo.com/js-script-defer-async/

function sliderSet(slickfor,slicknav){ slickfor.slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor:slicknav }); slicknav.slick({ slidesToScroll: 1, slidesToShow: 5, arrows: true, centerMode: true, focusOnSelect: true, asNavFor: slickfor }); } $('.facility_pannel').each(function(i,el){ i+=1; var slickfor = $(el).find('.facility_slider').addClass('slider'+ i) var slick..

window.onload = function () { //페이지 열면 const thisLocation = window.location.href; //현재주소 if($(".subTitle").length){ //서브타이틀이 있으면 function bMatch(){ //주소에 해당하는 글자가 있으면 스크롤애니메이션 없애기위해 clearTimeout(timer); $('html, body').animate({ scrollTop: $('.subpage .subTitle').outerHeight()-85 }, 0); }; let timer = setTimeout(function() { // 2초뒤에 서브타이틀 높이만큼 스크롤 됨 $('html, body').animate({ scrollTop: $('.subpa..

버전3(회사라이센스 있음) CDN 스크립트 $(document).ready(function() { $('#indexFullpage').fullpage({ //options here licenseKey: '*-*-*-*', // verticalCentered: false, // responsiveWidth: 769, scrollHorizontally: true, // scrollOverflow:true, // anchors:['about', 'project', 'service', 'voucher', 'news', 'threeD', 'footer'], afterLoad: function(anchorLink, index) { if ($('.cont3, .cont4, .cont5').hasClass("activ..

if($("클래스나 아이디나뭐,, 등등").length){ //여기에 클래스가 있을때 ~~ };

$("슬라이더").on('wheel', function(e) { e.preventDefault(); if (e.originalEvent.deltaY < 0) { $(this).slick('slickPrev'); } else { $(this).slick('slickNext'); } }); 출처