제이쿼리 18

jquery 스크롤 움직임에 따라 헤더 움직이기

// 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..

🕹 스크립트 2023.12.12

jquery 페이저 클릭시 특정 위치로 스크롤 이동

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

🕹 스크립트 2023.12.06

제이쿼리 dispaly:none > block 되는 탭에서 슬릭슬라이더 로딩 안될 때

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..

🕹 스크립트 2022.08.25

제이쿼리 특정영역 마우스 휠 막기

three.js 사용하는데 마우스 휠 기능이 있어서 fullpage.js의 스크롤이랑 겹치길래 3D영역제외 했을 때만 풀페이지 스크롤이 가능했으면 좋겠었음 $("#here3D").mouseenter(function(){ $('#fullpage').on('scroll touchmove mousewheel', function(e){ e.preventDefault(); e.stopPropagation(); return false; }) }); $("#here3D").mouseleave(function(){ $('#fullpage').off('scroll touchmove mousewheel'); });

🕹 스크립트 2022.08.10

그누보드 쿠키 얻어서 특정 문자 변경

- 그누보드에서 한 게시판을 다국어로 쓸 때 썼음(쿠키사용해서) - 분류처럼 php에서 내용을 바로 수정하는게 아니고 데이터베이스에서 불러오는 정보를 변경해야할 때 썼음 //언어 $(function(){ function getCookie(name) { var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return value? value[2] : null; } getCookie('clickedlanguage'); // console.log('>>>>>>>>>>'+ getCookie('clickedlanguage')) if(getCookie('clickedlanguage') === "ko"){ // console.log('>>>>>..

📑 그누보드 2022.06.28
728x90